|
在Android 工具欄里面,地址:D:/Program Files/Android-sdk-windows/tools 目錄下打開此工具:
此工具名為:層級(jí)觀察器
本篇文章將教大家如何利用層級(jí)觀察器查看和優(yōu)化自己的UI層次關(guān)系或者看別人應(yīng)用程序UI的布局結(jié)構(gòu),雙擊該處理文件,顯示如下 圖:
左邊為設(shè)備列表名稱,如果你開啟多個(gè)設(shè)備將會(huì)一一列出你當(dāng)前運(yùn)行的設(shè)備,包括真機(jī)。
右邊是當(dāng)前設(shè)備列表運(yùn)行的Acitivity ,即你當(dāng)前運(yùn)行的Activity 對(duì)應(yīng)的UI布局,本篇將使用Android 自身的音樂播放器,來操作得到UI布局結(jié)構(gòu),這里的我們要點(diǎn)擊com.Android.music/com.Android.music.MediaPlaybackActivity 項(xiàng),選中它,到上面點(diǎn)擊Load View Hierarchy 項(xiàng),右下角將會(huì)出現(xiàn)加載進(jìn)度條,然后將加載的View 結(jié)構(gòu)顯示出來,如下圖:
左邊為UI 的關(guān)系圖,右邊為每個(gè)View 的屬性(必須選中任意View 對(duì)象)和結(jié)構(gòu)草圖底下是關(guān)系圖的縮略圖,底下進(jìn)度條可以控制關(guān)系的顯示大小,左下角兩個(gè)按鈕為縮略顯示和列表顯示方式,先把列表顯示方式為如下圖:
左邊為布局中使用的ViewGroup和View 的關(guān)系結(jié)構(gòu)圖,點(diǎn)中任意的一個(gè)View 對(duì)象右邊都會(huì)幫我們獲得焦點(diǎn),右邊為顯示當(dāng)前Activity 在真機(jī)運(yùn)行的效果圖,我記得有個(gè)朋友在QQ群?jiǎn)栠^,有沒有什么工具可以得到坐標(biāo)的,其實(shí)這個(gè)工具就可以坐到,看最右下角,分別為RGB 和XY 軸,我們點(diǎn)擊屏幕的任意為置,它都會(huì)幫我們算出來當(dāng)前顯示的值,怎么樣是不是很實(shí)用的一個(gè)工具。快去試試吧。
Tip:最上邊的導(dǎo)航還可以幫們把VIEW結(jié)構(gòu)生成PSD圖或者做快速的切換設(shè)備動(dòng)作。
it知識(shí)庫:Android 利用Hierarchy Viewer工具學(xué)習(xí)別人的UI設(shè)計(jì),轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。