Android 布局优化

布局优化主要从以下几点进行着手

减少布局层次和复杂度
优化绘制流程
按需加载布局

减少布局层次和复杂度

首先我们可以通过以下工具分析界面布局的结构

查看布局树工具：Hierarchy Viewer --> SDK tools下/ 或者使用AS的 Tools-->Layout Inspector

image.png

除此之外我们可以查看界面的绘制分析

image.png

image.png

三个点分别表示：Measure , layout , draw
Mearsure 红：嵌套RelativeLayout，或者嵌套LinearLayout 使用了weight 属性
Layout 红：布局嵌套层次太深
Draw 红：自定义view 绘制有问题

打开手机的debug模式下Debug GPU overdraw可以查看过度绘制的区域

绘制.jpg

通过以上的布局分析可以使用以下方法减少布局的层次和复杂度

使用合适的布局结构，减少不必要的布局嵌套,一般的建议规则如下

1.尽量多使用 ConstraintLayout、RelativeLayout、LinearLayout
2.尽量使用 ConstraintLayout
3.在布局的层级相同的情况下，使用 LinearLayout 代替 RelativeLayout
4.在布局复杂或者层级过深的时候，使用 RelativeLayout 代替 LinearLayout 使界面层级扁平化，降低层级

通过使用 include merge 复用布局，减少布局层次
排查background,减少不必的背景色设置，减少过度绘制
移除window 的背景色\ListView 与 Item\ViewPager 与 Fragment

// 方式1：在应用的主题中添加如下的一行属性
    <item name="android:windowBackground">@android:color/transparent</item>
    <!-- 或者 -->
    <item name="android:windowBackground">@null</item>

// 方式2：在 BaseActivity 的 onCreate() 方法中使用下面的代码移除
    getWindow().setBackgroundDrawable(null);
    <!-- 或者 -->
    getWindow().setBackgroundDrawableResource(android.R.color.transparent);

优化绘制流程

对onDraw进行优化

减少onDraw中局部变量的声明 -- 由于被频繁调用变量的生成和销毁会造成一定的开销，局部变量过多会造成系统的消耗

减少onDraw 中耗时操作 -- 由于官方建议每帧绘制频率为60fsp，即要求每帧绘制时间<=16sm，Android 系统每隔16ms发出ASYNC信号，出发对UI进行渲染
android 官方文档：https://developer.android.google.cn/topic/performance/rendering
可以使用debug 中的工具(Profile GPU Rendering)分析每帧绘制的时间，推荐文章
https://www.jianshu.com/p/6b715f3d47e4；
也可以通过将内容输出到文件中进行分析，推荐文章：
https://www.cnblogs.com/sinkv/p/9773256.html

使用局部绘制api

// 规定绘制区域，防止其他区域过度绘制
canvas.save();
canvas.clipRect(xx,xx,xx,xx);
canvas.restore();
//可以使用canvas.quickreject()来判断是否没和某个矩形相交，从而跳过那些非矩形区域内的绘制操作

按需加载布局

使用viewStub 按需加载布局，可以提高view 初始加载的速度

新加：

除了以上方法我们还可以通过使用Lint 工具进行排查，一般我们需要关注的Lint 排查点：

image.png
不要阻塞UI线程，将耗时任务放到子线程中操作，可以使用DDMS中的TraceView 进行分析,查看主线程中的耗时操作
使用AsyncLayoutInflater 异步加载布局，不过再使用中存下来一下问题

不能设置LayoutInflater.Factory/Factory2
线程安全问题
推荐文章
Android AsyncLayoutInflater 源码解析
 Android AsyncLayoutInflater 限制及改进

使用Factory 监控view 的创建时间

LayoutInflaterCompat.setFactory2(getLayoutInflater(), new LayoutInflater.Factory2() {
   @Nullable
   @Override
   public View onCreateView(@Nullable View parent, @NonNull String name, @NonNull Context context, @NonNull AttributeSet attrs) {
       //1.配合getDelegate().createView来做高版本控件的兼容适配。
       //2.单个View创建耗时统计。
       long time = System.currentTimeMillis();
       View view = getDelegate().createView(parent, name, context, attrs);
       Log.i("TAG", name + "  cost: " + (System.currentTimeMillis() - time));
       return view;
   }

   @Nullable
   @Override
   public View onCreateView(@NonNull String name, @NonNull Context context, @NonNull AttributeSet attrs) {
       return null;
   }
});

2020-03-11 16:43:07.389 17078-17078/com.stan.topnews I/Perf: Connecting to perf service.
2020-03-11 16:43:07.567 17078-17078/com.stan.topnews I/perf: LinearLayout  cost: 13
2020-03-11 16:43:07.569 17078-17078/com.stan.topnews I/perf: ViewStub  cost: 0
2020-03-11 16:43:07.634 17078-17078/com.stan.topnews I/perf: TextView  cost: 16
2020-03-11 16:43:07.637 17078-17078/com.stan.topnews I/perf: TextView  cost: 3

参考文章：https://mp.weixin.qq.com/s/ii07I8Cy80MqjsqKkns_WQ

Android 布局优化

减少布局层次 和 复杂度

优化绘制流程

按需加载布局

减少布局层次和复杂度