1. 程式人生 > >Android UI優化—使用Hierarchy Viewer工具分析UI結構

Android UI優化—使用Hierarchy Viewer工具分析UI結構

Hierarchy Viewer簡介

1、 是隨Android SDK釋出的工具,幫助開發者更好地檢視和設計UI
2、從視覺化的角度直觀地獲得UI佈局設計結構和各種屬性的資訊
3、對UI物件進行invalidate和requestLayout操作
Hierarchy Viewer工具提供了一個視覺化介面顯示佈局的層次結構,讓我們可以進行除錯,從而優化介面佈局結構

Hierarchy Viewer的三種啟動方式

1、通過終端命令:hierarchyviewer
2、點選/Android SDK/tools/hierarchyviewer.bat
3、通過Android Device Monitor

Hierarchy Viewer使用步驟

1、進入Android Device Monitor,開啟Hierarchy Viewer介面

在這裡插入圖片描述

2、左側Window介面選擇Load the view hierarchy into the tree view
在這裡插入圖片描述

3、在Tree View介面點選Obtain layout times for tree rooted at selected
在這裡插入圖片描述

其中,每一個節點上都會顯示3個圓圈,如下圖:
在這裡插入圖片描述
三個圓圈,從左到右依次代表View的Measure、Layout和Draw的效能

4、紅黃綠表示的意義
綠: 表示該View的此項效能比該View Tree中超過50%的View都要快
黃: 表示該View的此項效能比該View Tree中超過50%的View都要慢
紅: 表示該View的此項效能是View Tree中最慢的