系列文章目录：

1. Android性能优化典范综述
2. Android性能优化典范之Render Performance
3. Android性能优化典范之Understanding Overdraw
4. Android性能优化典范之Understanding VSYNC
5. Android性能优化典范之Profile GPU Rendering

One of the most problematic performance problems on Android is the easiest to create; thankfully, it’s also easy to fix.

OVERDRAW is a term used to describe how many times a pixel has been re-drawn in a single frame of rendering. It’s a troublesome issue, because in most cases, pixels that are overdrawn do not end up contributing to the final rendered image. As such, it amounts to wasted work for your GPU and CPU.

Fixing overdraw has everything to do with using the available on-device tools, like Show GPU Overdraw, and then adjusting your view hierarchy in order to reduce areas where it may be occurring.

OverDraw概念

视频开头作者举了一个例子，说如果你是一个粉刷匠，你应该会知道，给墙壁粉刷是一件工作量非常大的工作，而且如果你需要重新粉刷一遍的话(比如对颜色不满意),那么第一次的粉刷就白干了. 同样的道理,如果你的应用程序中出现了过度绘制问题,那么你之前所做的事情也就白费了.如果你想兼顾高性能和完美的设计,那么你的程序可能会出现一个性能问题:OverDraw!

OverDraw是一个术语, 它表示某些组件在屏幕上的一个像素点的绘制超过1次.如下面的图所示,我们有一堆重叠的卡片,被用户激活的卡片在最上面,而那些没有激活的卡片在下面,这意味着我们画大力气绘制的那些卡片,基本都是不可见的.问题就在于次,我们像素渲染的并不全是用户最后能看打的部分, 这是在浪费GPU的时间!

过度绘制的可视化入口现在仍然在开发者选项里的 Debug GPU Overdraw，但它只能告诉你“哪里可能多画了”，不能告诉你“这一帧为什么错过 deadline”。现在的完整流程是：先用 Debug GPU Overdraw/Profile GPU Rendering 定位可疑页面，再用 Layout Inspector 找多余背景、无用父节点、View/Compose 层级和重组问题，最后用 Perfetto Frame Timeline/System Trace 验证是否真的减少了 missed frames、CPU/GPU/SF 等待或主线程绘制耗时。

目前流行的一些布局是一把双刃剑,带给我们漂亮的画面的同时,也带来了很大的麻烦.为了最大限度地提高应用程序的性能,你得减少OverDraw!

追踪OverDraw

Android手机中提供了查看OverDraw情况的工具,在设置-开发者选项中,找到打开”Show GPU OverDraw”按钮即可:

Android会使用不同深浅的颜色来表示OverDraw的程序,没有OverDraw的时候, 你看到的是它本来的颜色,其他颜色表示不同的过度绘制程序:

• 蓝色: 1倍过度绘制,即一个像素点绘制了2次
• 绿色:2倍过度绘制,即一个像素点绘制了3次
• 浅红色:3倍过度绘制,即一个像素点绘制了4次
• 深红色:4倍过度绘制及以上,即一个像素点绘制了5次及以上

你的应用程序的目标应该是尽可能地减少过度绘制,即更多的蓝色色块而不是红色色块:

OverDraw的根源

虽然 OverDraw 很大程度上来自视图互相重叠，但更常见的浪费是不必要的背景重叠。

比如在一个应用程序中,你的所有的View都有背景的话,就会看起来像第一张图中那样,而在去除这些不必要的背景之后(指的是Window的默认背景,Layout的背景,文字以及图片的可能存在的背景),效果就像第二张图那样,基本没有过度绘制的情况.

比如去除Window的默认背景:

1

this.getWindow().setBackgroundDrawableResource(android.R.color.transparent);

Perf Matters

keep calm, profile your code, and always remember, Perf Matters

附录

关于过度绘制及其优化,我博客有两篇文章专门介绍:

• Android过度绘制优化-基础篇
• Android过度绘制优化-实战篇

关于我 && 博客

下面是个人的介绍和相关的链接，期望与同行的各位多多交流，三人行，则必有我师!

1. 博主个人介绍 ：里面有个人的微信和微信群链接。
2. 本博客内容导航 ：个人博客内容的一个导航。
3. 个人整理和搜集的优秀博客文章 - Android 性能优化必知必会 ：欢迎大家自荐和推荐 （微信私聊即可）
4. Android性能优化知识星球 ： 欢迎加入，多谢支持～

一个人可以走的更快 , 一群人可以走的更远