Android性能优化典范之Understanding Overdraw

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的时间!

OverDraw

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

性能和界面

追踪OverDraw

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

Show GPU OverDraw

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

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

OverDraw

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

Good and Bad

OverDraw的根源

虽然OverDraw很大程序上来自于你的视图互相重叠的问题,但是各位开发者更需要注意的是不必要的背景重叠.

Bad

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

去掉不必要的背景

比如去除Window的默认背景:

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

Perf Matters

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

附录

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

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