Android UI优化之HierarchyViewer的使用

本文介绍一下Hierarchy Viewer的使用

Hierarchy ViewerSDK发布,文件在SDK\tools下,名为hierarchyviewer.bat。是一款简单好使的工具。


使用方式

1. 先连上设备。

2. 启动你要观察的应用

3. 双击打开HierarchyViewer

然后就可以看到下图
Android UI优化之HierarchyViewer的使用
右下角就有加载的状态了,布局越大越慢。
Android UI优化之HierarchyViewer的使用
这里的Measure,Layout,Draw显示n/a,需要点击一下Profile Node
根据Layout的复杂程度,可能需要等待 几秒-> 几分钟
Android UI优化之HierarchyViewer的使用
简单的使用大概就是这样。
HierarcViewer可以帮助你识别渲染性能偏差的部分
体现出来的性能跟layout的复杂程度有关。越复杂,性能越差。

Android UI优化之HierarchyViewer的使用

4. 点击你要观察的app

5. 接着就可以看到这样的布局

 Android UI优化之HierarchyViewer的使用

Android UI优化之HierarchyViewer的使用

可以看到,详细列出的层级,从PhoneWindow开始。

6. Show Extras勾选起来。勾选后,可以在右下角的图片中看到具体的图片

Android UI优化之HierarchyViewer的使用

7. 仔细看下图片的大小。

8. 点击后,可以看到详细的信息

Android UI优化之HierarchyViewer的使用

9. 点击看到全图