Android实用工具Hierarchy Viewer实战(2)

 

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

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

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

　　下面分别介绍两者的功能。 

　　步骤4 Inspecting Screenshots(界面精确查看模式) 

　　先点Inspecting Screenshots按钮，进入界面精确查看模式。在这个模式 

　　下，开发者可以随意点界面的任意一部分，进行放大或缩小观察以查看界面中各控件的具体位置和情况，如下图所示： 

 

　同时，还可以将截取的界面另外保存为PNG格式的图片文件。 

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

　　接下来，我们重点学习如何在Load View Hierachy中查看界面中各个控件的层次结构关系。首先当点Load View Hierarchy按钮后，会进入如下图所示界面： 

 

　要注意的是，在屏幕的左下方，有三个按钮，当点最左边的按钮时，返回的是模拟器的列表界面(也就是刚进入Hierarchy Viwer的界面)，中间按钮则是Load View Hierachy的主界面，用户可以在这两种状态中来回切换。 

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

　　步骤6 理解Hierachy Viewer的主窗口 

　　最左部分的主窗口,将一个Activity中的所有控件的层次结构从左到右显示了出来,其中最右部分是最低一层的控件。用我们的例子来说，如果选择了第一个界面(即上文提到的三张图界面的最左边的一张)，在主窗口的最右边，从右往左看，可以看到最右边的是两个ImageView控件：鱼缸的图片和小鱼的图片。