Android UI 顯示工具——HierarchyViewer工具

UI 顯示工具——HierarchyViewer


爲什麼使用HierarchyViewer

    HierarchyViewer能夠可視化的角度直觀地獲得UI佈局設計結構和各種屬性的信息,幫助我們優化佈局設計。


怎麼使用HierarchyViewer

    Hierarchy Viewer是隨Android SDK發佈的工具,位於Android SDK/tools/hierarchyviewer.bat (Windows操作系統,mac上顯示的爲hierarchyviewer),我們可通過此工具理解當前界面的控件佈局以及某個控件的屬性(name、id、height等)。

1)連接設備真機或者模擬器(真機可能無法連接,我用的2.3,連接上了,沒讀到內容);

2)啓動你要觀察的應用。

3)打開Hierarchyviewer,點擊hierarchyviewer文件即可。連接後如下圖,這個圖是在官方文檔獲取的。


hierarchyviewer.bat是sdk自帶的工具,在tools文件夾下。雙擊即可打開

介紹android 佈局查看利器hierarchyviewer.bat






雙擊最上面的,如下圖的<Focused Window>,這個是當前窗口,加載完畢後會顯示當前界面層次結構。

觀察層次結構圖,這個圖有點大,可以拖動。View Hierarchy窗口顯示了Activity的所有View對象,選中某個View還可以查看View的具體信息,最好選擇工具中的Show Extras選項。




整張圖的右下角,表示的該應用的當前頁面。在左邊的樹形圖中點擊某個節點,會在這裏用紅框標出響應的位置。左上角的圖可以查看當前選中節點的具體佈局數據,寬高什麼的。

介紹android 佈局查看利器hierarchyviewer.bat




















觀察單個view,選擇單個view後會出現如下圖所示圖形。這裏會看到Measure、Layout、Draw的耗時。



解析:1 view位置表示該控件加上其自身子view總數量是1個;右下邊的2表示該控件是父控件中第幾個view;

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

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

View Hierarchy 窗口還可以幫助你找到性能問題。只要看每個View節點的性能指標(顏色點)就可以,你可以看到測量(佈局或繪製)最慢的View對象是哪個,這樣你就能快速確定,要優先察看哪個問題。


爲什麼使用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>,這個是當前窗口,加載完畢後會顯示當前界面層次結構。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章