1 目录
944365-ad4dfe12afde0d61.png
2 影响的性能
Android应用中的页面显示速度
3 如何影响性能
布局影响Android性能的实质：页面的测量 & 绘制时间
4 优化思路
优化方向：
布局性能、布局层级、布局复用性 和测量 & 绘制时间
具体如下
944365-ab1db3b47284b290.png
5优化方案
5.1 选择 耗费性能较少的布局
- 性能耗费低的布局 = 功能简单 = FrameLayout、LinearLayout
- 性能耗费高的布局 = 功能复杂 = RelativeLayout
- 即 布局过程需消耗更多性能（CPU资源 & 时间）
- 注：
- 嵌套所耗费的性能 > 单个布局本身耗费的性能
- 即 完成需求时：宁选择 1个耗费性能高的布局，也不采用嵌套多个耗费性能低的布局
5.2 减少布局的层级（嵌套）
- 原理：布局层级少 ->> 绘制的工作量少 ->> 绘制速度快 ->> 性能提高
- 优化方式：使用布局标签<merge> & 合适选择布局类型
5.2.1 使用布局标签<merge>
- 作用
减少 布局层级
- 配合<include>标签使用，可优化 加载布局文件时的资源消耗
- 使用说明
- <merge>作为被引用布局A的根标签
- 当其他布局通过<include>标签引用布局A时，布局A中的<merge>标签内容（根节点）会被去掉，在<include>里存放的是布局A中的<merge>标签内容（根节点）的子标签（即子节点），以此减少布局文件的层次
<!--1. <merge>作为被引用布局A的根标签-->
<!--2. 当其他布局通过<include>标签引用布局A时，布局A中的<merge>标签内容（根节点）会被去掉，-->
<!--在<include>里存放的是布局A中的<merge>标签内容（根节点）的子标签（即子节点），以此减少布局文件的层次-->
<android.support.v7.widget.LinearLayoutCompat
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<android.support.v7.widget.AppCompatTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="textview1"
android:textColor="@color/colorAccent" />
<include layout="@layout/merge" />
</android.support.v7.widget.LinearLayoutCompat>
<?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">
<android.support.v7.widget.AppCompatTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="textview2"
android:textColor="@color/colorAccent" />
<android.support.v7.widget.AppCompatTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="textview3"
android:textColor="@color/colorAccent" />
</merge>
最终效果图.png
merge布局的效果图.png
5.2.2 合适选择布局类型
- 通过合理选择布局类型，从而减少嵌套
- 即：完成 复杂的UI效果时，尽可能选择1个功能复杂的布局（如RelativeLayout）完成，而不要选择多个功能简单的布局（如LinerLayout）通过嵌套完成
- 使用ConstraintLayout
5.3 提高 布局 的复用性
- 原因
- 提取布局间的公共部分，通过提高布局的复用性从而减少测量 & 绘制时间
使用 布局标签<include>
- 作用
- 实现 布局模块化，即 提取布局中的公共部分 供其他布局共用
- 使用说明：
- a. 通过<include>标签引入抽取的公共部分布局C
- b. <include>标签所需属性 = 公共部分的layout属性，作用 = 指定需引入、包含的布局文件
5.4 减少初次测量 & 绘制时间
- 主要优化方案：使用 布局标签<ViewStub> & 尽可能少用布局属性 wrap_content
5.4.1 使用 布局标签<ViewStub>
- 作用
- 按需加载 外部引入的布局
- 注：属 轻量级View、不占用显示 & 位置
- 应用场景
引入 只在特殊情况下才显示的布局（即 默认不显示）- 如：进度显示布局、信息出错出现的提示布局等
- 使用说明
- 先设置好预显示的布局
- 在其他布局通过<ViewStub>标签引入外部布局（类似<include>）；注：此时该布局还未被加载显示
- 只有当ViewStub被设置为可见 / 调用了ViewStub.inflate()时，ViewStub所指向的布局文件才会被inflate 、实例化，最终 显示<ViewStub>指向的布局
- 特别注意
- ViewStub中的layout布局不能使用merge标签，否则会报错
- ViewStub的inflate只能执行一次，显示了之后，就不能再使用ViewStub控制它了
- 与View.setVisible(View.Gone)的区别：View 的可见性设置为 gone 后，在inflate 时，该View 及其子View依然会被解析；而使用ViewStub就能避免解析其中指定的布局文件，从而节省布局文件的解析时间 & 内存的占用
<?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>
<?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();
5.4.2 尽可能少用布局属性 wrap_content
布局属性 wrap_content 会增加布局测量时计算成本，应尽可能少用
- 在已知宽高为固定值时，不使用wrap_content
