Debug GPU Overdraw

这个工具同样是用于分析UI性能的利器,当开发者打开该功能时,屏幕会变成如图5.27所示的样子。

Debug GPU Overdraw - 图1 图5.27 Debug Overdraw

虽然感觉很奇怪,但实际上这里不同的颜色代表着不同的含义。这个工具的作用是检测过度绘制,即同一块区域经过了几次叠加绘制,如下所示。

  • 原色:没有过度绘制。
  • 蓝色:一次过度绘制。
  • 绿色:两次过度绘制。
  • 粉色:三次过度绘制。
  • 红色:四次及以上过度绘制。

过度绘制代表着对资源的浪费,特别是大量的过度绘制会严重影响UI的绘制性能。因此如果App有不必要的过度绘制,就可以通过这个工具检测出来,结果一目了然。