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
*/

參考:

http://developer.android.com/tools/help/hierarchy-viewer.html

發佈了272 篇原創文章 · 獲贊 72 · 訪問量 605萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章