Android性能优化、布局优化指南（含标签Include、Viewstub、Merge讲解）-xiaowei-极全网

首页 > 文章 > 体育 > 正文

Android性能优化、布局优化指南（含标签Include、Viewstub、Merge讲解）

发布时间:2022-12-05 20:18

来源:极全网

阅读量:

标题：Android性能优化、布局优化指南（含标签Include、Viewstub、Merge讲解）

详情介绍-作者:xiaowei-来源: 极全网-官网 -如有问题点击:在线客服帮助

前言

★.在 Android开发中，性能优化策略十分重要

★.本文主要讲解性能优化中的布局优化，希望你们会喜欢。

#目录

1. 影响的性能

布局性能的好坏主要影响：Android应用中的页面显示速度

2. 如何影响性能

布局影响Android性能的实质：页面的测量 & 绘制时间

1个页面通过递归完成测量 & 绘制过程 = measure、layout 过程

3. 优化思路

优化方向：布局性能、布局层级、布局复用性和测量 & 绘制时间

★.具体如下

针对页面布局的性能、层级、测量绘制时间进行优化，从而提高 Android应用中的页面显示速度

4. 具体优化方案

★.具体如下

★.下面，我将详细分析每种优化方案

4.1 选择耗费性能较少的布局

★.性能耗费低的布局 = 功能简单 = FrameLayout、LinearLayout

★.性能耗费高的布局 = 功能复杂 = RelativeLayout

即布局过程需消耗更多性能（CPU资源 & 时间）

●.注：

嵌套所耗费的性能 > 单个布局本身耗费的性能

即完成需求时：宁选择 1个耗费性能高的布局，也不采用嵌套多个耗费性能低的布局

4.2 减少布局的层级（嵌套）

★.原理：布局层级少 ->> 绘制的工作量少 ->> 绘制速度快 ->> 性能提高

★.优化方式：使用布局标签<merge> & 合适选择布局类型

4.2.1 使用布局标签

★.作用

减少布局层级

配合<include>标签使用，可优化加载布局文件时的资源消耗

★.具体使用

// 使用说明：
// 1. <merge>作为被引用布局A的根标签
// 2. 当其他布局通过<include>标签引用布局A时，布局A中的<merge>标签内容（根节点）会被去掉，在<include>里存放的是布局A中的<merge>标签内容（根节点）的子标签（即子节点），以此减少布局文件的层次
/** 
 * 实例说明：在上述例子，在布局B中 通过<include>标签引用布局C
 * 此时：布局层级为 =  RelativeLayout ->> Button 
 *                                  —>> RelativeLayout ->> Button
 *                                                     ->> TextView
 * 现在使用<merge>优化：将 被引用布局C根标签 的RelativeLayout 改为 <merge>
 * 在引用布局C时，布局C中的<merge>标签内容（根节点）会被去掉，在<include>里存放的是布局C中的<merge>标签内容（根节点）的子标签（即子节点）
 * 即 <include>里存放的是：<Button>、<TextView>
 * 此时布局层级为 =  RelativeLayout ->> Button 
 *                                ->> Button
 *                                ->> TextView
 * 即 已去掉之前无意义、多余的<RelativeLayout>
 */  
 // 被引用的公共部分：布局C = layout_c.xml
 <?xml version="1.0" encoding="utf-8"?>
 <merge xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
 
    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_10"/>
    <TextView
        android:id="@+id/textview"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_10"/>
 
  </merge>
  // 布局B：layout_b.xml
  <?xml version="1.0" encoding="utf-8"?>
  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent" >
   
      <Button
          android:id="@+id/Button"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:layout_marginBottom="@dimen/dp_10" />
      <include layout="@layout/layout_c.xml" />
  </RelativeLayout>

4.2.2 合适选择布局类型

★.通过合理选择布局类型，从而减少嵌套

★.即：完成复杂的UI效果时，尽可能选择1个功能复杂的布局（如RelativeLayout）完成，而不要选择多个功能简单的布局（如LinerLayout）通过嵌套完成

4.3 提高布局的复用性

优化原理：提取布局间的公共部分，通过提高布局的复用性从而减少测量 & 绘制时间

优化方案：使用布局标签 <include>，其作用是实现布局模块化，即提取布局中的公共部分供其他布局共用。

使用说明：通过标签引入抽取的公共部分布局C；标签所需属性 = 公共部分的layout属性，作用 = 指定需引入、包含的布局文件

具体使用

抽取布局A、B中的公共部分布局C & 放入到布局B中使用.

/** 
 * 布局B：layout_b.xml
 */  
  <?xml version="1.0" encoding="utf-8"?>
  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent" >
   
      <Button
          android:id="@+id/Button"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:layout_marginBottom="@dimen/dp_10" />
      
      // 通过<include>标签引入抽取的公共部分布局C
      // <include>标签所需属性 = 公共部分的layout属性，作用 = 指定需引入、包含的布局文件
      <include layout="@layout/layout_c.xml" />
   
  </RelativeLayout>
/** 
 * 公共部分的布局C：layout_c.xml
 */
   <?xml version="1.0" encoding="utf-8"?>
   <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent" >
   
      <Button
          android:id="@+id/button"
          android:layout_width="match_parent"
          android:layout_height="@dimen/dp_10"/>
      <TextView
      android:id="@+id/textview"
      android:layout_width="match_parent"
      android:layout_height="@dimen/dp_10"/>
   
  </RelativeLayout>

4.4 减少初次测量 & 绘制时间

主要优化方案：使用布局标签<ViewStub> & 尽可能少用布局属性 wrap_content

4.4.1 使用布局标签

★.作用：按需加载外部引入的布局，属轻量级View、不占用显示 & 位置

★.应用场景：引入只在特殊情况下才显示的布局（即默认不显示），如：进度显示布局、信息出错出现的提示布局等

★.使用说明

先设置好预显示的布局

在其他布局通过标签引入外部布局（类似）；注：此时该布局还未被加载显示

只有当ViewStub被设置为可见 / 调用了ViewStub.inflate()时，ViewStub所指向的布局文件才会被inflate 、实例化，最终显示指向的布局

具体使用：在布局A中引入布局B，只有在特定时刻C中才显示

// 步骤1：先设置好预显示的布局B = layout_b.xml
 <?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
 
    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_10"/>
    <TextView
        android:id="@+id/textview"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_10"/>
 
</RelativeLayout>
// 步骤2：在布局A通过<ViewStub>标签引入布局B（类似<include>）；注：此时该布局还未被加载显示
// 布局A：layout_a.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
 
    <Button
        android:id="@+id/Button"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginBottom="@dimen/dp_10" />
    <ViewStub
        android:id="@+id/Blayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout="@layout/layout_b" />
</RelativeLayout>
// 步骤3：只有当ViewStub被设置为可见 / 调用了ViewStub.inflate()时，ViewStub所指向的布局文件才会被inflate 、实例化，最终 显示<ViewStub>指向的布局
ViewStub stub = (ViewStub) findViewById(R.id.Blayout);   
stub.inflate();