简介
Hierarchy Viewer工具提供了一个可视化界面显示布局的层次结构，方便我们进行调试，优化界面布局结构。
准备阶段
我们在做UI自动化或者性能分析时需要使用HierarchyViewer分析App的层级结构，但局限是必须要在已经Root的手机上才能查看，下面介绍的方法可以打破这个限制。
1.手机进入开发者选项，开启调试模式。
2.如果手机系统在4.1以上时，需要设置环境变量。4.0或者以下时，手机需要root过。
Windows
新建环境变量名：ANDROID_HVPROTO
变量值 : ddm
Mac
~/.bash_profile
export ANDROID_HVPROTO=ddm
source ~/.bash_profile
Linux
~/.bash_profile
export ANDROID_HVPROTO=ddm
source ~/.bash_profile
使用方式
- adb连接设备
- 进入SDK/tools目录下打开monitor.bat。
- 点击DDMS旁边的按钮，打开Hierarchy Viewer
打开Hierarchy Viewer.png
4.启动应用后，并在左边的窗口选中你想要你观察的应用，加载完毕后会显示当前界面的树状结构。
加载应用.png
5.图中的树状结构就是activity里的每一个view都显示了出来。
树状结构.png
6.点上方的按钮，可以测出来每个view的渲染的时间。
开始分析.png
渲染时间.png
关于对应渲染时间的速度中 我么知道View绘制分为measure layout 和draw三个过程 三个点分布对应以上三个过程 分为绿 黄 红三个颜色 绿色代表该View在本view tree中速度是前50% 黄色表示后50% 而红色表示是过度渲染，花费时间最长。
点击对应的view，可以显示当前view详情信息。
详细信息.png
检查和优化 Layout 层次
程序的每个组件和 Layout 都需要经过初始化、布局和绘制，如果布局嵌套层次过深，就会导致加载操作更为耗时，更严重的话还可能导致内存溢出。所以我们需要使用Hierachy Viewer和Lint工具来检查和优化 Layout。优化成扁平化的布局层级，有利于提高界面的渲染速度。
过度绘制
-
过度绘制一般指的是屏幕上的某些区域在一帧中被多次绘制，一般是在界面的同一个地方叠加了多个控件。这样会加重GPU的工作负担，可能导致应用运行过程中频繁掉帧，影响用户体验。
-
当手机开启过度绘制时，屏幕上会标记发生过度绘制的区域，并根据不同的绘制次数使用不同的颜色，颜色标识从好到差依次是：蓝色-绿色-淡红色-红色，分别代表该区域被绘制1次、2次、3次和4次。一般情况下，最好把绘制控制在2次以下，3次绘制有时候是不能避免的，尽量避免，4次的绘制基本上是不允许的。
-
为了减少过度绘制，开发者应减少复杂的、层级较多的布局，去掉多余的背景色。简单的界面尽量使用线性布局；
-
较为复杂的界面可以使用相对布局，避免嵌套过多的线性布局。
-
可以使用ViewStub来动态加载界面。
网友评论