Android UI 最佳化——使用HierarchyViewer工具

標籤：

    進入正題，我們這一篇文章會提到為什麼使用HierarchyViewer，怎麼使用HierarchyViewer，後者內容會多一下。

 

為什麼使用HierarchyViewer

    不合理的布局會使我們的應用程式UI效能變慢，HierarchyViewer能夠可視化的角度直觀地獲得UI布局設計結構和各種屬性的資訊，協助我們最佳化布局設計。HierarchyViewer是我們最佳化程式的工具之一，它是Android內建的非常有用的工具，可以協助我們更好地檢視和設計使用者介面(UI)，絕對是UI檢視的利器。

 

怎麼使用HierarchyViewer

    Hierarchy Viewer是隨Android SDK發布的工具，位於Android SDK/tools/hierarchyviewer.bat  (Windows作業系統，mac上顯示的為hierarchyviewer)，使用起來也是超級簡單，通過此工具可以詳細的理解當前介面的控制項布局以及某個控制項的屬性（name、id、height等）。

1）串連裝置真機或者模擬器（真機可能無法串連，我用的2.3，串連上了，沒讀到內容）；

2）啟動你要觀察的應用。

3）開啟Hierarchyviewer，點擊hierarchyviewer檔案即可。串連後如，這個圖是在官方文檔擷取的。

 

 

4）雙擊最上面的，如的<Focused Window>，這個是當前視窗，載入完畢後會顯示當前介面階層。

 

 

5）觀察階層圖，這個圖有點大，可以拖動。View Hierarchy視窗顯示了Activity的所有View對象，選中某個View還可以查看View的具體資訊，最好選擇工具中的Show Extras選項。

 

 

6）觀察單個view，選擇單個view後會出現如所示圖形。這裡會看到Measure、Layout、Draw的耗時。

 

 

    View Hierarcy 同時能協助你識別渲染效能比較低的部分。View節點中帶有紅色或黃色的點代錶速度較慢的View對象。如單步運行應用程式那樣，你可以這樣來判斷某個View 速度一直很慢，還是只在某個特定環境下速度才慢。

請注意，低效能並不表示一定有問題，特別像是ViewGroup對象，View的子節點越多，結構越複雜，效能越差。

View Hierarchy 視窗還可以協助你找到效能問題。只要看每個View節點的效能指標（顏色點）就可以，你可以看到測量（布局或繪製）最慢的View對象是哪個，這樣你就能快速確定，要優先察看哪個問題。

 

 

/*** @author 張興業*  http://blog.csdn.net/xyz_lmn*  iOS入門群：83702688*  android開發進階群：241395671*  我的新浪微博： @張興業TBOW*/

 

 

參考：

 

Android UI 最佳化——使用HierarchyViewer工具