HierarchyViewer使用

我们可以使用HierarchyViewer来进行布局的复杂程度以及冗余的分析
注意:如果使用真机调试,如果真机没有获得root权限,是不能使用HierarchyViewer进行分析的.会在dos窗口有[Unable to get view server version from device 的报错,解决办法网上有一些,但并不好用,所以建议大家用模拟器分析

HierarchyViewer的位置在sdk目录下的tools文件夹中
接下来我们一步一步介绍大家使用这个工具

1 定义一个页面的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical"
   tools:context="com.dgtech.myapplication.MainActivity">

   <TextView
       android:id="@+id/tv"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="Hello World!" />

   <Button
       android:id="@+id/bt"
       android:text="button"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content" />
</LinearLayout>

然后运行该页面所属的app,然后打开HierarchyViewer

程序运行起来的样子 HierarchyViewer刚启动的样子

双击选择我们的应用程序,接下来是这样的展示

整体展示

我们点击任何一个布局(比如截图中选中的那个),在右下角都会显示该布局在屏幕中的显示情况

在屏幕中的对应情况

我们发现,我们在布局中定义的是一个LinearLayout,里面有一个TextView,一个Button,但是这里却显示了这么多个布局,我们没有写啊,这哪来的?
答案是:这些都是Android系统给我们加上的
比如我们LinearLayout的父布局是ContentFrameLayout,它的id是content是不是有些熟悉?我们在Activity里面设置布局的时候不正是setContentView()嘛,这个就是这个方法名字的由来,应为和ContentFrameLayout平级的还有一个ActionBarContainer
图示说明:

布局说明

具体哪个布局对应屏幕的哪一块,大家可以自己去试试,很有意思.

我们接着分析UI性能
我们单击选中我们的LinearLayout布局,再点击PoofileNode按钮,如下图

分析

会显示这个布局measure的时间,layout的时间,draw的时间
三个带颜色的按钮依次表示measure,layout,draw
绿色表示用时短
黄色表示用时稍长
红色表示用时过长
这个时候我们就需要针对有红色部分优化了

这个工具很实用,大家需要自己摸索尝试了