Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發實例 >> Android 利用【Hierarchy Viewer 】 工具學習別人的UI設計

Android 利用【Hierarchy Viewer 】 工具學習別人的UI設計

編輯:Android開發實例

在Android 工具欄裡面,地址:D:\Program Files\android-sdk-windows\tools  目錄下打開此工具

此工具名為:層級觀察器

本篇文章將教大家如何利用層級觀察器查看和優化自己的UI層次關系或者看別人應用程序UI的布局結構,雙擊該處理文件,顯示如下 圖:

左邊為設備列表名稱,如果你開啟多個設備將會一一列出你當前運行的設備,包括真機。

右邊是當前設備列表運行的Acitivity ,即你當前運行的Activity 對應的UI布局,本篇將使用Android 自身的音樂播放器,來操作得到UI布局結構,這裡的我們要點擊

com.android.music/com.android.music.MediaPlaybackActivity 項,選中它,到上面點擊Load View Hierarchy 項,右下角將會出現加載進度條,然後將加載的View 結構顯示出來,如下圖:

左邊為UI 的關系圖

右邊為每個View 的屬性(必須選中任意View 對象)和結構草圖底下是關系圖的縮略圖

底下進度條可以控制關系的顯示大小

左下角兩個按鈕為縮略顯示和列表顯示方式,先把列表顯示方式為如下圖:

左邊為布局中使用的ViewGroup和View 的關系結構圖,點中任意的一個View 對象右邊都會幫我們獲得焦點

右邊為顯示當前Activity 在真機運行的效果圖,我記得有個朋友在QQ群問過,有沒有什麼工具可以得到坐標的,其實這個工具就可以坐到,看最右下角,分別為RGB 和XY 軸,我們點擊屏幕的任意為置,它都會幫我們算出來當前顯示的值,怎麼樣是不是很實用的一個工具。快去試試吧

Tip:最上邊的導航還可以幫們把VIEW結構生成PSD圖或者做快速的切換設備動作。

轉自:http://www.cnblogs.com/TerryBlog/archive/2010/09/02/1816164.html

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved