android-【Hierarchy Viewer 】 工具---UI设计

介绍这个工具之前，显示介绍下这个工具的作用：

Viewer的可视化调试工具，可以很方便地在开发者设计，调试和调整界面时，提高用户的开发效率。

作为一名测试人员，我觉得这个工具最大的好处在于，可以更好的调整自己程序界面，同时也可以学习他人的应用的布局。

增强对比，快速成长。

说是简单看下布局，行里人看道术，外行看门路。O(∩_∩)O哈哈~

相信时间积累久了，就体现出好处了。初级学习智能手机自动化测试中，快乐成长！！！

1.在Android  sdk工具栏里面，地址：D:\Program Files\android-sdk-windows\tools  目录下打开此工具

此工具名为：层级观察器

2.运行模拟器，打开一个应用程序（这里打开 ：通讯服务页面）。

   启动层级观察器，进入如下界面（列表模式）

点击：Inspect Screenshot (进入界面精确查看模式)

3.加载层级观察器，进入如下页面（层级模式）

右边为每个View 的属性（必须选中任意View 对象）和结构草图底下是关系图的缩略图

底下进度条可以控制关系的显示大小

 

4.查看每个具体控件的情况

当在主窗口中，点击每一个控件时，将会可以看到很多关于这个控件的详细信息，会在该控件的上方弹出一个窗口，其中会显示该控件的实际的效果图外，通过view的数目显示了该控件及其子控件的数目，该控件的该节点的测量(measure)、布局(layout)以及画视图(draw)的时间

 

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

 

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

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

 

对于Android的UI来说，invalidate和requestLayout是最重要的过程，Hierarchyviewer提供了帮助我们Debug特定的UI执行invalidate和requestLayout过程的途径，方法很简单，只要选择希望执行这两种操作的View点击按钮就可以。当然，我们需要在例如onMeasure()这样的方法中打上断点。这个功能对于UI组件是自定义的非常有用，可以帮助单独观察相关界面显示逻辑是否正确。

总结：

在本文中，通过简单的例子，讲解了在Android中一款不错的工具Hierarchy viewer的使用，使用这个工具，用户可以很方便地查看和调试应用中的UI界面，分析其性能，建议用户在开发阶段多使用这款工具对UI进行开发设计