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的绘制有问题, 复杂计算等.

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xw13782513621/article/details/78061093

微信公众号使用

-
  • 1970年01月01日 08:00

Hierarchy Viewer使用详解

1. 功能 Hierarchy Viewer工具提供了一个可视化界面显示布局的层次结构,让我们可以进行调试,从而优化界面布局结构。 2. 启动工具 启动方式有两种,一种是通过终端命令,输入hierar...
  • swordgirl2011
  • swordgirl2011
  • 2016-10-23 11:52:08
  • 11011

真机上使用Hierarchy Viewer

使用方法Hierarchy Viewer是帮助我们调试和优化UI的利器,大家应该都很熟悉了。 有以下两种方式进入Hierarchy Viewer: 在AS中 选择Tools > Android >...
  • recordGrowth
  • recordGrowth
  • 2016-09-22 23:38:22
  • 2101

android studio上HierarchyViewer的使用实例

使用方法: 1无法再真机运行,需要在模拟机运行   2app在manifest要添加 (1)uses-permission android:name="android.permission.I...
  • sjy0118
  • sjy0118
  • 2017-05-02 12:19:13
  • 2162

布局优化必备 Hierarchy Viewer 工具使用

导读: 不合理的布局会使我们的应用程序UI性能变慢,Android 自带的 Hierarchy Viewer 工具能够可视化的角度直观地获得UI布局设计结构和各种属性的信息,帮助我们优化布局设计.让我...
  • u012792686
  • u012792686
  • 2017-06-08 17:02:32
  • 851

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

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

Android UI 优化——使用HierarchyViewer工具

我们这一篇文章会提到为什么使用HierarchyViewer,怎么使用HierarchyViewer,后者内容会多一下。...
  • xyz_lmn
  • xyz_lmn
  • 2013-12-25 23:09:59
  • 75555

使用HierarchyViewer工具

进入正题,我们这一篇文章会提到为什么使用HierarchyViewer,怎么使用HierarchyViewer,后者内容会多一下。 为什么使用HierarchyViewer    ...
  • yingfengzhaozhan
  • yingfengzhaozhan
  • 2016-02-28 15:05:03
  • 773

【Android性能优化】HierarchyViewer无法连接真机调试

2014-01-28 22:01:49|  分类: Android |  标签:android  |举报|字号 订阅 之前用HierarchyViewer查看应用的UI信...
  • wangjia55
  • wangjia55
  • 2014-07-25 16:05:47
  • 7467

AndroidStudio怎么打开Hierarchy Viewer

在AndroidStudio中的打开方式为 Tools > Android > Android Device Monitor> window>openPerspective> Hierarchy V...
  • bobby_fu
  • bobby_fu
  • 2016-11-09 09:39:32
  • 1307
收藏助手
不良信息举报
您举报文章:Hierarchy Viewer的使用
举报原因:
原因补充:

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