Android 布局优化

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

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

---

减少布局层次 和 复杂度

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

• 查看布局树工具：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

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

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

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

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

// 方式1：在应用的主题中添加如下的一行属性
    @android:color/transparent
    
    @null

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

优化绘制流程

1. 对onDraw进行优化

1. 减少onDraw中局部变量的声明 -- 由于被频繁调用变量的生成和销毁会造成一定的开销，局部变量过多会造成系统的消耗
2. 减少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

2. 使用局部绘制api

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

按需加载布局

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

---

新加：

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

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

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

4. 使用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