Android实用工具HierarchyViewer实战.pdfVIP

我的文档 Its better when its simple Android 实用工具Hierarchy Viewer实战 在Android 的SDK工具包中，有很多十分有用的工具，可以帮助程序员开发和测试Android应用程序，大大提 高其工作效率。其中的一款叫Hierachy Viewer 的可视化调试工具，可以很方便地在开发者设计，调试和调整 界面时，提高用户的开发效率。本文将以一个实际例子讲解如何使用该款工具运用在Android 的开发过程 中。本文的读者对象为具备初步Android知识的用户。 步骤1 设计界面 　　在我们的这个例子中，有三个不同的界面，以方便我们演示使用Hierarchy Viewer 。每一个界面都使用了 LinearLayout和FrameLayout布局，以及文本框TextView及图片框ImageView控件。如下图，三个界面中的图案 分别用了一只小猫，一个鱼缸，一条金鱼，它们各自的位置布局见下图： 在上面的三个图中，最左面的一个图，使用了一个垂直布局的LinearLayout，并且划分为两行，第一行是一 个TextView文本框，里面的文字是“Safe”，第2行是一个FrameLayout帧布局，分别包含了一条鱼和一个鱼缸 子。 　　中间的图中，使用了一个垂直布局的LinearLayout，并且划分为两行，第一行是写有“Unsafe”文本的文本 框，第二行也有一个LinearLayout 的水平布局，分别又包含了两个ImageView控件：一个鱼缸及鱼，还有一只 小猫。 　　最右边的图中，使用了一个垂直布局的LinearLayout，并且划分为两行，第一行是写有“Yum” 文本的文 本框，第2行是一个FrameLayout帧布局，分别包含了一条小猫和一条鱼。跟第一张图有点相象。 步骤2 启动应用程序 　　在设计界面后，我们直接用模拟器启动我们的应用程序，要注意的是，在debug状态下，是不能启动 Hierachy Viewer 的。 步骤3 启动Hierachy Viewer 　　目前，在eclipse 的ADT Android插件中，还不能启动Hierachy Viewer ，但可以从Android SDK工具包中， 通过命令行的方式可以启动，具体方法为，到Android SDK下的tools 目录下，在命令行方式下运行 hierachyviewer 即可。 　　在启动后，可以看到如下的界面，会显示当前正在运行中的模拟器的信息，这里我们可以鼠标点击我 们已经启动了的Activity: 同时可以看到，有两个按钮，分别代表两个功能： 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 的主窗口 　　最左部分的