首先介绍下什么叫过度绘制？ 大家都知道我们显示在前端的页面都是一层盖住一层画上去的，那么过度绘制就是指，我们xml里嵌套的层级过多，导致在界面绘制的时候，时间就会越慢，这就是过度绘制。
那么如何判断你所写的app 页面是不是过度绘制呢？
1. 打开手机的开发者选项-开发者工具
2.里面除了有我们经常用到的USB调试，还有一个选项是 <调试GPU过度绘制>,如下图所示：
3.打开这个选项，你会发现一个神奇的事情，就是你的手机变成五颜六色的啦。
1.png
问题来了，那么那些颜色又代表什么？
看下下面的图就知道了（摘自网上）。
4.png
我们先来看下以下几个页面：
2.jpg
5.jpg
从上述两幅图中，可以发现qq 界面还是做的挺不错的，屏幕大部分是2x还有1x,属于相对较好的，而第二张app的页面就不太好了，扎一看，基本都是3x和4x。
那么这些绘制的颜色对我们的应用又有什么影响呢？
补充一点：上述1x,2x代表屏幕上1个像素被绘制了多少遍，绘制的层次越多，颜色越深。
这个在好一点的手机上没有多大的区别，但是在差的手机上，会影响页面的加载速度。所以说啊，这个问题对于一个千万级用户的app来说，当然是不能放过滴。
如何优化呢？
我弄过好几个页面的优化，一般大多都是background导致，每个层级都有background,那么系统在绘制的时候，先绘制底层的颜色，再绘制下一个层的.....依次类推，嵌套多了，子然就慢了，但是我们知道其实底部的颜色用户是看不到的，系统因为我们的设置，而帮我们绘制一遍显然是没有必要的。
- 检查各个层级之间的background,避免重复绘制。
- 减少布局的嵌套
- 选择合适的控件(能用一个写了的不要写2个，你懂的)
在这里给大家推荐一个安卓自带的xml分析工具，叫 Hierarchy View ，我之前写了一篇文章关于它的使用 android 优化之layout
另外关于嵌套还可以参考：Android布局优化之include、ViewStub、merge
好了，最后看下我优化后的布局:
6.jpg
嘿嘿，是不是好多了，还不赶紧动起你的小手搞起来。（亲测，速度上加快了2s左右）.
