一、題外話
布局查看神器我們的第一印象應(yīng)該是：Hierarchy Viewer . 很久沒有用了，最近在總結(jié)性能優(yōu)化工具的時(shí)候，發(fā)現(xiàn)sdk/tools下Hierarchyviewer.bat沒有了，然后嘗試打開 DDMS， Window -> Open Perspective 下面，也沒有Hierarchy Viewer選項(xiàng)了。google了下，發(fā)現(xiàn)hierarchyviewer 已經(jīng)被廢棄了（Android SDK Tools Revision 25.3.0 (Feb 2017)），取而代之的是一個(gè)新的工具：Layout Inspector 。那么這篇文章就來了解下這個(gè)新工具。
Hierarchy Viewer官方使用文檔
Layout Inspector官方使用文檔
二、簡(jiǎn)介
Layout Inspector是Android studio自帶的視圖層次結(jié)構(gòu)分析工具（Android Studio 2.2及其之后版本）。Android Studio中的Layout Inspector允許您在運(yùn)行時(shí)從Android Studio IDE中檢查應(yīng)用程序的視圖層次結(jié)構(gòu)。當(dāng)您的布局在運(yùn)行時(shí)構(gòu)建而不是完全在XML布局中定義時(shí)，這尤其有用。
自認(rèn)為L(zhǎng)ayout Inspector的
優(yōu)點(diǎn)：上手比Hierarchy Viewer簡(jiǎn)單，Hierarchy Viewer限制條件比較多，針對(duì)真機(jī)調(diào)試，需要root手機(jī)，且配置合適的系統(tǒng)屬性。比較麻煩。HierachyViewer連接真機(jī)調(diào)試設(shè)置
缺點(diǎn)：界面雖不如HierarchyView直觀。
三、使用：
按以下步驟操作：
- 在連接的設(shè)備或模擬器上運(yùn)行應(yīng)用。
- 點(diǎn)擊 Tools > Android > Layout Inspector。
- 在出現(xiàn)的 Choose Process 對(duì)話框中，選擇您想要檢查的應(yīng)用進(jìn)程，然后點(diǎn)擊 OK。
圖 1. Choose Process 對(duì)話框
默認(rèn)情況下，Choose Process 對(duì)話框僅會(huì)為 Android Studio 中當(dāng)前打開的項(xiàng)目列出進(jìn)程，并且該項(xiàng)目必須在設(shè)備上運(yùn)行。 如果您想要檢查設(shè)備上的其他應(yīng)用，請(qǐng)點(diǎn)擊 Show all processes。 如果您正在使用已取得 root 權(quán)限的設(shè)備或者沒有安裝 Google Play 商店的模擬器，那么您會(huì)看到所有正在運(yùn)行的應(yīng)用。 否則，您只能看到可以調(diào)試的運(yùn)行中應(yīng)用。
布局檢查器會(huì)捕獲快照，將它保存為 .li 文件并打開。 如圖 2 中所示，布局檢查器將顯示以下內(nèi)容：
- View Tree：視圖在布局中的層次結(jié)構(gòu)。
- Screenshot：帶每個(gè)視圖可視邊界的設(shè)備屏幕截圖。
- Properties Table：選定視圖的布局屬性。
圖 2. 布局檢查器
您可以在 View Tree 中點(diǎn)擊視圖以在屏幕截圖中選擇相同視圖，反之亦然。 視圖的所有布局屬性都將顯示在 Properties Table 中。
如果您的布局包括重疊視圖，則默認(rèn)情況下，只有前面的視圖可以在屏幕截圖中點(diǎn)擊。 要讓后面的視圖可以在屏幕截圖中點(diǎn)擊，請(qǐng)執(zhí)行以下操作： 在 View Tree 中右鍵點(diǎn)擊前面的視圖，然后取消選中 Show in preview。 此操作不會(huì)讓視圖內(nèi)容消失；僅會(huì)讓屏幕截圖中的可點(diǎn)擊邊界消失，以便您可以點(diǎn)擊在它后面的視圖。
如果設(shè)備上的布局發(fā)生變化，布局檢查器不會(huì)更新。 您必須再次點(diǎn)擊 Tools > Android > Layout Inspector，創(chuàng)建一個(gè)新的快照。每一個(gè)快照都將保存到 project-name/captures/ 內(nèi)一個(gè)單獨(dú)的 .li 文件中。
圖 3. Project 窗口中的布局檢查器快照（.li 文件）
筆者認(rèn)為，Layout Inspector主要用分析布局的層級(jí)結(jié)構(gòu)，減少不必要的層級(jí)，避免overdraw, 達(dá)到渲染優(yōu)化的效果。Layout Inspector雖然界面不如HierarchyView直觀，但是提供的信息也足夠詳細(xì)，分析布局層級(jí)絕對(duì)夠用了。
