鱼乐DevSupport

Android性能优化工具Hierarchy Viewer

2017-05-25  本文已影响280人  chaosmind

简介

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

使用方式

  1. adb连接设备
  2. 进入SDK/tools目录下打开monitor.bat。
  3. 点击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。优化成扁平化的布局层级,有利于提高界面的渲染速度。

过度绘制

上一篇 下一篇

猜你喜欢

热点阅读