Android Performance Patterns S01E02 - Understanding Overdraw

標籤：

Overdraw：過度繪製是一個術語，用來描述組件在螢幕某個像素上面繪製大於一次。

例如，如果我們有一堆疊放的UI卡片，使用者可見的上層卡片遮蓋了下層卡片的大部分。這也意味著大量時間花費在繪製不可見的下層卡片。如果每次都花費大量時間，用以繪製不可見的部分，將會導致GPU效能嚴重浪費的問題。

 

Modern布局給了我們美觀的設計，但是也給開發人員帶來了上述的問題。

為了最大限度提升App的效能，開發人員需要最大限度減少Overdraw。

幸運的是，在Android裝置上很容易查看APP Overdraw造成的影響：

進入開發人員模式，然後開啟Show GPU Overdraw。

開啟之後，Android會在螢幕上用不同顏色標記Overdraw的情況。

原來顏色：無Overdraw

淡藍色：1次Overdraw

淡綠色：2次Overdraw

淡紅色：3次Overdraw

深紅色：4次Overdraw

 

App應儘可能減少過度繪製，以使得App顯示更多的藍色色塊，而不是紅色色塊。

在開發過程中，要注意避免不必要的Overdraw。例如，一個layout裡的所有Activity都有背景色，並且所有的子項目也都有背景。另外需要注意避免Overdraw的有文字框、標題、背景、頭像背景以及頭像等。

 

Android Performance Patterns S01E02 - Understanding Overdraw