安卓性能优化报告

本期迭代的任务是改善过度绘制和优化布局嵌套。

• 首先检查项目中是否存在过渡绘制的页面，并减少过渡绘制。

• 再查看当前App的布局嵌套，学习使用merge标签降低布局的层级

什么是过度绘制？

简单来讲，过度绘制是指像素点重复绘制了多次。我们可以打开手机或者模拟器的开发者选项，来查看当前应用程序是否存在过度绘制。这时我们可以看到屏幕出现多种颜色。

不同颜色代表含义（无色：无过度绘制，即该像素点只绘制1次；蓝色：1x过度绘制，即该像素点绘制了2次；绿色：2x过度绘制；浅红：3x过度绘制；红色：4x过度绘制）

一般项目的验收标准是：不允许出现黑色像素；不允许存在4x过度绘制；不允许存在面积超过屏幕1/4区域的3x过度绘制（淡红色区域）

布局层级这么复杂，我们要如何找到多余的布局并将其优化掉呢？下面来介绍一个小工具（作用于静态的Activity，笔者在嵌套fragment的Activity中尝试执行失败）

Scalpel

Scalpel是由JakeWharton大神开源的一个Android项目，用于分析解剖Android程序的界面布局并展现出3D效果。Scalpel使用非常简单，只要将ScalpelFrameLayout作为根布局即可。

第一步：在Gradle中引入Scalpel

api 'com.jakewharton.scalpel:scalpel:1.1.2'

第二步：在需要观察3D布局的activity布局文件中，将ScalpelFrameLayout作为根布局

第三步：在Activity的onCreate里，添加如下代码

        ScalpelFrameLayout scalpelFrameLayout = new ScalpelFrameLayout(this);
        View view = LayoutInflater.from(this).inflate(R.layout.sample_activity, null);
        scalpelFrameLayout.addView(view);
        setContentView(scalpelFrameLayout);
        //以下可选
    //是否显示3D布局
    scalpelFrameLayout.setLayerInteractionEnabled(true);
    //是否显示view的布局
    scalpelFrameLayout.setDrawViews(true);
    //是否显示view的ID
    scalpelFrameLayout.setDrawIds(true);
    //设置布局边框的颜色
    scalpelFrameLayout.setChromeColor(0xff00ff00);
    //设置布局边框的阴影颜色
    scalpelFrameLayout.setChromeShadowColor(0xff0000ff);

下面以简单的登陆页面为例，看看工具的使用效果：

如图所示，我们现在是有6层布局，有的看上去明显是不需要绘制的，那么我们来分析一下，怎么去掉多余的绘制呢。
首先，自己代码中找到两层多余的绘制

再者，系统自带一层绘制，我们将那层绘制去掉，可以让全部的页面减少一层绘制。

getWindow().setBackgroundDrawable(null);

除了去除多余的背景色之后，我们来看看效果。

如何查看布局嵌套

AS自带的开发工具Layout Inspector可以查看每个页面的Component Tree。

（具体用法网上有很多优秀的文档，我不赘述。）
通过这个工具，我们可以看到系统的层级，以及我们自己代码中，是否存在多余层级。

系统层级

项目代码层级

对于嵌套复杂的布局可以使用 include、merge进行优化

merge的作用

merge标签是作为include标签的一种辅助扩展来使用的，它的主要作用是为了防止在引用布局文件时产生多余的布局嵌套。大家都知道，Android去解析和展示一个布局是需要消耗时间的，布局嵌套的越多，那么解析起来就越耗时，性能也就越差，因此我们在编写布局文件时应该让嵌套的层数越少越好。

merge的用法

merge标签只能作为根布局存在，通过include标签放到相应的布局位置，这样merge就能让页面直接继承父布局，减少一层布局嵌套。

去除了LinearLayout

优化前

优化后

（优化后的页面开了开发者模式里过度绘制检查的代码）