Hierarchy Viewer

HierarchyView.bat是Android SDK中自带了一个查看UI布局层级结构的工具，它是一款可视化调试工具。可以很方便地在开发者设计，调试和调整界面时，提高用户的开发效率，也方便了开发者去了解学习优秀的UI界面布局技巧。在模拟器运行的情况下，使用该工具可以将当前的Activity中的UI组件以对象树的形式展现出来，也能窥探到每一个组件所包含的属性。这样可以让我们去了解学习别人的优秀布局，也可以让我们更好的对自己的布局进行调整和优化。

基本使用步骤:

（1） 启动模拟器。界面如下

（2）到\android\tools\目录下，双击可以启动hierarchyviewerbat文件，可以看到如下的界面，会显示当前正在运行中的模拟器的信息，这里我们可以鼠标点击我们已经启动了的Activity:

同时可以看到，有两个按钮，分别代表两个功能：

1)Load View Hierarchy 可以查看界面的控件层次

2)Inspect Screenshot 进入界面精确查看模式

Load View Hierarchy 查看界面的控件层次

首先当点Load View Hierarchy按钮后，会进入如下界面：

我们看上图，Load View Hierachy界面被划分为四个部分，分别是左边，该部分显示界面控件的层次结构，我们称之为主窗口；而右上方的一个部分，是以缩略图的方式显示整个应用中的各控件的层次关系，当如果一个界面中的控件比较多的时候，可以通过鼠标在这个显示区域进行移动，则左边的主窗口中会具体显示相关的控件信息；右边区域的中间部分，显示的每个控件的具体属性信息，是控件的属性面版；而右下角部分的区域，则是当用户点界面中的某个控件时，会在该部分显示区域，显示出用户所点的控件，在界面中的具体位置，会用红色部分标出，方便用户辨识。

而下方的带颜色的三个圆圈指示灯，分别说明了在测量(measure)、布局(layout)以及画视图(draw)三个阶段，这个控件所占用的时间百分比，如果是绿色的，表示该控件在该阶段比起其他的50%的控件的速度要快，为黄色的表示比起其他的50%的控件的速度要慢，为红色的则表示该控件在该阶段的处理速度是慢的。

当我们按"display View"按钮后，在当我们点某个控件时，在稍等1-2秒后，会另外单独打开一个小窗口，显示该空间的单独效果图。

右下角则显示所点击的控件在整个界面中的实际位置，如果勾选了show extra views，则还会在这个区域中，将控件的实际图片也显示出来，十分清晰。

要注意的是，在Hierarchy Viewer中，当修改了界面后，需要手工点Refresh按钮。

    

Inspecting Screenshots 界面精确查看模式

点Inspecting Screenshots按钮，进入界面精确查看模式。在这个模式下，开发者可以随意点界面的任意一部分，进行放大或缩小观察以查看界面中各控件的具体位置和情况，如下图所示：