Android性能优化工具Hierarchy Viewer

简介

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。优化成扁平化的布局层级,有利于提高界面的渲染速度。

过度绘制
  • 过度绘制一般指的是屏幕上的某些区域在一帧中被多次绘制,一般是在界面的同一个地方叠加了多个控件。这样会加重GPU的工作负担,可能导致应用运行过程中频繁掉帧,影响用户体验。

  • 当手机开启过度绘制时,屏幕上会标记发生过度绘制的区域,并根据不同的绘制次数使用不同的颜色,颜色标识从好到差依次是:蓝色-绿色-淡红色-红色,分别代表该区域被绘制1次、2次、3次和4次。一般情况下,最好把绘制控制在2次以下,3次绘制有时候是不能避免的,尽量避免,4次的绘制基本上是不允许的。

  • 为了减少过度绘制,开发者应减少复杂的、层级较多的布局,去掉多余的背景色。简单的界面尽量使用线性布局;
  • 较为复杂的界面可以使用相对布局,避免嵌套过多的线性布局。
  • 可以使用ViewStub来动态加载界面。
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值