本期迭代的任务是改善过度绘制和优化布局嵌套。
首先检查项目中是否存在过渡绘制的页面，并减少过渡绘制。
再查看当前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作为根布局
<com.jakewharton.scalpel.ScalpelFrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
</com.jakewharton.scalpel.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
（优化后的页面开了开发者模式里过度绘制检查的代码）
