性能优化（二）UI界面优化——GPU过度绘制

一、什么叫过度绘制

什么叫过度绘制，网上看到一个栗子，很形象。过度绘制就像是家里装修刷墙面，假设本来最终想要得到的墙面效果颜色是蓝色，结果在刷蓝色之前，先刷了一层白色，再刷一层绿色，再来一层红色，最后才刷上蓝色。虽然最终得效果是一样的，但造成了资源浪费。为什么直接刷蓝色？

上述栗子给了一个大概的过度绘制的概念。

过度绘制（Overdraw）描述的是屏幕上的某个像素在同一帧的时间内被绘制了多次。在多层次重叠的 UI 结构里面，如果不可见的 UI 也在做绘制的操作，会导致某些像素区域被绘制了多次，同时也会浪费大量的 CPU 以及 GPU 资源。

二、GPU过度绘制测试工具的使用

GPU过度绘制测试工具的打开方式：

打开GPU过度绘制测试工具后查看正在开发的App：