Hierarchy Viewer的使用

原创 2017年09月22日 11:26:40

Hierarchy Viewer工具提供了一个可视化界面显示布局的层次结构,让我们可以进行调试,从而优化界面布局结构。

我们可以通过Android Device Monitor来启动

这里写图片描述

启动之后在模拟器上打开相应界面,之后选择相对应的进程和Activity名称

这里写图片描述

在右边的Tree View界面中就会显示出选中界面的布局结构

之后选择一个节点,并点击右上角的测量图标

这里写图片描述

此时就获取到了布局绘制的时间

这里写图片描述

这里我们主要关注下面的三个圆圈,从左到右依次,代表View的Measure, Layout和Draw的性能,不同颜色代表不同的性能等级:
1) 绿: 表示该View的此项性能比该View Tree中超过50%的View都要快
2)黄: 表示该View的此项性能比该View Tree中超过50%的View都要慢
3)红: 表示该View的此项性能是View Tree中最慢的

这里写图片描述

如果界面的Tree View中红点较多, 那就需要注意了. 一般来说:
1, Measure红点, 可能是布局中嵌套太深,或是嵌套LinearLayout都使用了weight属性.
2, Layout红点, 可能是布局层级太深.
3, Draw红点, 可能是自定义View的绘制有问题, 复杂计算等.

版权声明:本文为博主原创文章,未经博主允许不得转载。

Android 中性能优化工具之Hierarchy Viewer使用总结

概述Hierarchy Viewer提供了一个可视化的界面来观测布局的层级, 让我们可以优化布局层级, 删除多余的不必要的View层级, 提升布局速度.应用Hierarchy Viewer目前Hier...
  • yuminfeng728
  • yuminfeng728
  • 2016年09月23日 16:54
  • 2022

如何使用HierarchyViewer分析优化布局

为什么使用HierarchyViewer     不合理的布局会使我们的应用程序UI性能变慢,HierarchyViewer能够可视化的角度直观地获得UI布局设计结构和各种属性的信息,帮助我...
  • junjianzhang
  • junjianzhang
  • 2015年12月23日 11:46
  • 809

使用Hierarchy Viewer分析优化布局性能

Hierachy Viewer基础知识
  • guchuanhang
  • guchuanhang
  • 2016年04月04日 09:54
  • 1261

Hierarchy Viewer布局检测工具的使用

Hierarchy Viewer可以用来查看View的布局层次,并检测布局渲染的性能瓶颈 一.设置环境变量 如果是Android4.1以上的设备,需要设置一个环境变量,设置步骤如下: Mac: 1...
  • creasylai19
  • creasylai19
  • 2016年04月18日 20:35
  • 395

性能优化(一) Hierarchy Viewer

这个工具可能是最简单最直观的优化工具了,说他jian dao
  • jefferyyangkai
  • jefferyyangkai
  • 2014年06月03日 22:33
  • 915

android自动化测试中hierarchyviewer和uiautomatorviewer获取控件信息的方式比对(1)

android自动化新人一个,目前研究PC端获取android设备的控件信息有哪些方式。多多指教!         adroid的目录tools下有2个自带的工具hierarchyviewer和uia...
  • qhshiniba
  • qhshiniba
  • 2014年03月22日 11:13
  • 27894

Android Studio上使用可视化调试工具Hierarchy Viewer

在布局优化中,我们可以通过可视化调试工具Hierarchy Viewer,查看我们整个的布局情况。下面讲解如何在Android Studio上使用可视化调试工具Hierarchy Viewer。 一...
  • CDW_WY
  • CDW_WY
  • 2016年11月20日 15:07
  • 3468

android自动化测试中hierarchyviewer和uiautomatorviewer获取控件信息的方式比对

android自动化测试中hierarchyviewer和uiautomatorviewer获取控件信息的方式比对(1) adroid的目录tools下有2个自带的工具hierarchyviewer...
  • u011432552
  • u011432552
  • 2014年12月19日 09:40
  • 585

【性能优化】性能优化---Hierarchy Viewer的使用

Hierarchy Viewer是Android自带的、检测UI的可视化工具,它可以检测UI的耗时。 上干货。 使用方法: 打开Hierarchy Viewer 打开虚拟机,运行你的程序 ...
  • qq_29266921
  • qq_29266921
  • 2017年01月11日 16:13
  • 190

利用Hierarchy Viewer优化布局

转载:http://www.cnblogs.com/noTice520/ 今天来讲下如何使用android中提供的工具优化我们的布局。首先我们写一个最简单的框架布局。    xml ...
  • BeiHaiZuoPeng
  • BeiHaiZuoPeng
  • 2013年02月22日 13:41
  • 299
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Hierarchy Viewer的使用
举报原因:
原因补充:

(最多只允许输入30个字)