UI 显示工具——HierarchyViewer

为什么使用HierarchyViewer

HierarchyViewer能够可视化的角度直观地获得UI布局设计结构和各种属性的信息，帮助我们优化布局设计。

怎么使用HierarchyViewer

Hierarchy Viewer是随Android SDK发布的工具，位于Android SDK/tools/hierarchyviewer.bat (Windows操作系统，mac上显示的为hierarchyviewer)，我们可通过此工具理解当前界面的控件布局以及某个控件的属性（name、id、height等）。

1）连接设备真机或者模拟器（真机可能无法连接，我用的2.3，连接上了，没读到内容）；

2）启动你要观察的应用。

3）打开Hierarchyviewer，点击hierarchyviewer文件即可。连接后如下图，这个图是在官方文档获取的。

hierarchyviewer.bat是sdk自带的工具，在tools文件夹下。双击即可打开

双击最上面的，如下图的<Focused Window>，这个是当前窗口，加载完毕后会显示当前界面层次结构。

观察层次结构图，这个图有点大，可以拖动。View Hierarchy窗口显示了Activity的所有View对象，选中某个View还可以查看View的具体信息，最好选择工具中的Show Extras选项。

整张图的右下角，表示的该应用的当前页面。在左边的树形图中点击某个节点，会在这里用红框标出响应的位置。左上角的图可以查看当前选中节点的具体布局数据，宽高什么的。

观察单个view，选择单个view后会出现如下图所示图形。这里会看到Measure、Layout、Draw的耗时。

解析：1 view位置表示该控件加上其自身子view总数量是1个；右下边的2表示该控件是父控件中第几个view；

View Hierarcy 同时能帮助你识别渲染性能比较低的部分。View节点中带有红色或黄色的点代表速度较慢的View对象。如单步运行应用程序那样，你可以这样来判断某个View 速度一直很慢，还是只在某个特定环境下速度才慢。

请注意，低性能并不表示一定有问题，特别像是ViewGroup对象，View的子节点越多，结构越复杂，性能越差。

View Hierarchy 窗口还可以帮助你找到性能问题。只要看每个View节点的性能指标（颜色点）就可以，你可以看到测量（布局或绘制）最慢的View对象是哪个，这样你就能快速确定，要优先察看哪个问题。

为什么使用HierarchyViewer

不合理的布局会使我们的应用程序UI性能变慢，HierarchyViewer能够可视化的角度直观地获得UI布局设计结构和各种属性的信息，帮助我们优化布局设计。HierarchyViewer是我们优化程序的工具之一，它是Android自带的非常有用的工具，可以帮助我们更好地检视和设计用户界面(UI)，绝对是UI检视的利器。

怎么使用HierarchyViewer

Hierarchy Viewer是随Android SDK发布的工具，位于Android SDK/tools/hierarchyviewer.bat (Windows操作系统，mac上显示的为hierarchyviewer)，使用起来也是超级简单，通过此工具可以详细的理解当前界面的控件布局以及某个控件的属性（name、id、height等）。

1）连接设备真机或者模拟器（真机可能无法连接，我用的2.3，连接上了，没读到内容）；

2）启动你要观察的应用。

3）打开Hierarchyviewer，点击hierarchyviewer文件即可。连接后如下图，这个图是在官方文档获取的。

4）双击最上面的，如下图的<Focused Window>，这个是当前窗口，加载完毕后会显示当前界面层次结构。

Android UI 显示工具——HierarchyViewer工具相关推荐

Android UI 优化——使用HierarchyViewer工具
进入正题,我们这一篇文章会提到为什么使用HierarchyViewer,怎么使用HierarchyViewer,后者内容会多一下. 为什么使用HierarchyViewer 不合理的布局会使我们的应用 ...
android ui设计与开发工具,Android用户体验与UI设计
Android用户体验与UI设计编辑锁定讨论上传视频本词条缺少概述图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! 本书是一部介绍Android用户体验.UI设计理念和方法论的作品 ...
android 电量ui,Android UI显示电量跳变
现象:android上层显示电量跳变,可是内核log显示UI_SOC2没有跳变现象:缘由:mtk默认设定尽量少的通知上层次数,以减小系统功耗,SOC有变化才更新一次,不然60秒后再更新一次,代码以下: ...
android UI定位工具-uiautomator2的使用
介绍: uiautomator2 是一个可以使用Python对Android设备进行UI自动化的库.其底层基于Google uiautomator,Google提供的uiautomator库可以获取屏 ...
Android工具HierarchyViewer 代码导读(3) -- 后台代码
在上文中,我们讲解了如何把HierarchyViewer的项目导入到Eclipse中,以便更高效阅读代码.本文将讲解HierarchyViewer的后台代码,建议大家可以先阅读<Android工 ...
直接拿来用！10款实用Android UI工具
转载地址:http://blog.csdn.net/bboyfeiyu/article/details/13295233 移动应用的UI设计就好似达摩克利斯之剑,一方面,一个视觉.交互.体验良好的UI ...
SwissArmyKnife调试Android UI的工具
效果: SwissArmyKnife 是一款方便调试android UI的工具,可以兼容所有android版本,不需要root权限.可以直接在android手机屏幕上显示当前Activity中所有控件 ...
android ui 切图工具,APP切图标注教程：UI设计切图标注的小工具实用技巧
分享关于一篇UI设计师必须要懂的切图标注的小工具实用技巧,让你在跟开发工程师协作的时候更加得心应手. 设计师必备的UI切图小工具如下3大常用工具: 1.切图工具 Assistor PS 也是一款PS的 ...
Android 常用的性能分析工具详解：GPU呈现模式, TraceView, Systrace, HirearchyViewer（转）...
此篇将重点介绍几种常用的Android性能分析工具: 一.Logcat 日志选取Tag＝ActivityManager,可以粗略地知道界面Displaying的时间消耗.当我们打开一个Activit ...

Android UI 显示工具——HierarchyViewer工具

UI 显示工具——HierarchyViewer

为什么使用HierarchyViewer

怎么使用HierarchyViewer

为什么使用HierarchyViewer

怎么使用HierarchyViewer

Android UI 显示工具——HierarchyViewer工具相关推荐

最新文章

热门文章