Android UI 优化——使用HierarchyViewer工具
2013-12-25 23:09
246 查看
进入正题,我们这一篇文章会提到为什么使用HierarchyViewer,怎么使用HierarchyViewer,后者内容会多一下。
1)连接设备真机或者模拟器(真机可能无法连接,我用的2.3,连接上了,没读到内容);
2)启动你要观察的应用。
3)打开Hierarchyviewer,点击hierarchyviewer文件即可。连接后如下图,这个图是在官方文档获取的。
4)双击最上面的,如下图的<Focused Window>,这个是当前窗口,加载完毕后会显示当前界面层次结构。
5)观察层次结构图,这个图有点大,可以拖动。View Hierarchy窗口显示了Activity的所有View对象,选中某个View还可以查看View的具体信息,最好选择工具中的Show Extras选项。
6)观察单个view,选择单个view后会出现如下图所示图形。这里会看到Measure、Layout、Draw的耗时。
View Hierarcy 同时能帮助你识别渲染性能比较低的部分。View节点中带有红色或***的点代表速度较慢的View对象。如单步运行应用程序那样,你可以这样来判断某个View 速度一直很慢,还是只在某个特定环境下速度才慢。请注意,低性能并不表示一定有问题,特别像是ViewGroup对象,View的子节点越多,结构越复杂,性能越差。View Hierarchy 窗口还可以帮助你找到性能问题。只要看每个View节点的性能指标(颜色点)就可以,你可以看到测量(布局或绘制)最慢的View对象是哪个,这样你就能快速确定,要优先察看哪个问题。
/*** @author 张兴业* http://blog.csdn.net/xyz_lmn* iOS入门群:83702688
* android开发进阶群:241395671* 我的新浪微博:@张兴业TBOW*/
参考:
http://developer.android.com/tools/help/hierarchy-viewer.html
为什么使用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>,这个是当前窗口,加载完毕后会显示当前界面层次结构。
5)观察层次结构图,这个图有点大,可以拖动。View Hierarchy窗口显示了Activity的所有View对象,选中某个View还可以查看View的具体信息,最好选择工具中的Show Extras选项。
6)观察单个view,选择单个view后会出现如下图所示图形。这里会看到Measure、Layout、Draw的耗时。
View Hierarcy 同时能帮助你识别渲染性能比较低的部分。View节点中带有红色或***的点代表速度较慢的View对象。如单步运行应用程序那样,你可以这样来判断某个View 速度一直很慢,还是只在某个特定环境下速度才慢。请注意,低性能并不表示一定有问题,特别像是ViewGroup对象,View的子节点越多,结构越复杂,性能越差。View Hierarchy 窗口还可以帮助你找到性能问题。只要看每个View节点的性能指标(颜色点)就可以,你可以看到测量(布局或绘制)最慢的View对象是哪个,这样你就能快速确定,要优先察看哪个问题。
/*** @author 张兴业* http://blog.csdn.net/xyz_lmn* iOS入门群:83702688
* android开发进阶群:241395671* 我的新浪微博:@张兴业TBOW*/
参考:
http://developer.android.com/tools/help/hierarchy-viewer.html
相关文章推荐
- android UI进阶之布局的优化---使用include和merge
- Android UI 使用Merge,include和 ViewStub--优化(1)
- Android UI 优化——使用HierarchyViewer工具
- Android UI 优化——使用HierarchyViewer工具
- 【Android UI】ListView的使用和简单优化
- Android优化——UI优化(三)使用ViewStub延迟加载
- android UI进阶之布局的优化---使用include和merge
- (4.6.3.2)Android UI 优化——使用HierarchyViewer工具
- 【Hierarchy Viewer】Android UI 优化——使用HierarchyViewer工具
- android--UI--listview使用和优化
- android UI进阶之布局的优化---使用include和merge
- Android UI 优化——使用HierarchyViewer工具
- Android UI优化之ViewStubs使用方法
- Android UI 设计(11):ListView 控件使用优化(五)
- Android优化——UI优化(四) 使用stytle
- Android UI 优化——使用HierarchyViewer工具
- Android UI优化之merge标签的使用
- Android UI 优化 使用<include/>和 <merge />标签
- android UI 优化系之 使用theme 预加载
- Android UI 优化——使用HierarchyViewer工具