博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AndroidUI优化工具——HierarchyViewer
阅读量:7072 次
发布时间:2019-06-28

本文共 1289 字,大约阅读时间需要 4 分钟。

先说些题外话,希望路过的各位支持,博主有幸成为2013年度博客之星的候选人,期待你的一票,谢谢。



   进入正题,我们这一篇文章会提到为什么使用HierarchyViewer,怎么使用HierarchyViewer,后者内容会多一下。


为什么使用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文件即可。连接后如下图,这个图是在官方文档获取的。


20131225220315109


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


SouthEast


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


SouthEast


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


SouthEast


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

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

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



/**
* @author 张兴业
*  http://blog.csdn.net/xyz_lmn
*  iOS入门群:
83702688
*  android开发进阶群:
241395671
*  我的新浪微博:
*/


参考:

     本文转自xyz_lmn51CTO博客,原文链接:http://blog.51cto.com/xyzlmn/1344871,如需转载请自行联系原作者

你可能感兴趣的文章
TiDB 源码阅读系列文章(十五)Sort Merge Join
查看>>
打造RecyclerView的n级列表
查看>>
正则匹配所有括号中的内容&PHP实现
查看>>
Vue & Bootstrap 结合学习笔记(二)
查看>>
深入理解flutter的编译原理与优化
查看>>
如何将FPGA资源平民化?阿里工程师有了新突破
查看>>
聊聊HystrixThreadPool
查看>>
Android NDK初识
查看>>
Webpack小技巧-公共组件引用路径简化
查看>>
JavaScript 工作原理之七-Web Workers 分类及 5 个使用场景
查看>>
Node.js究竟是什么?
查看>>
阿里云E-HPC赋能制造业仿真云弹性
查看>>
Golang 微服务教程(一)
查看>>
web压力测试工具wrk安装及使用
查看>>
关于WEB前后端分离的要点总结(上)
查看>>
为什么使用中间件下载时总是收到警告消息Object is in status Wait
查看>>
CSS3动画卡顿性能优化解决方案
查看>>
阿北的知识分享小程序中restful使用经验贴
查看>>
[WUST2017]一组简单一点的题目(一)W - Digital Roots
查看>>
FrameWork
查看>>