我们可以使用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
双击选择我们的应用程序,接下来是这样的展示
我们点击任何一个布局(比如截图中选中的那个),在右下角都会显示该布局在屏幕中的显示情况
我们发现,我们在布局中定义的是一个LinearLayout,里面有一个TextView,一个Button,但是这里却显示了这么多个布局,我们没有写啊,这哪来的?
答案是:这些都是Android系统给我们加上的
比如我们LinearLayout的父布局是ContentFrameLayout,它的id是content是不是有些熟悉?我们在Activity里面设置布局的时候不正是setContentView()嘛,这个就是这个方法名字的由来,应为和ContentFrameLayout平级的还有一个ActionBarContainer
图示说明:
具体哪个布局对应屏幕的哪一块,大家可以自己去试试,很有意思.
我们接着分析UI性能
我们单击选中我们的LinearLayout布局,再点击PoofileNode按钮,如下图
会显示这个布局measure的时间,layout的时间,draw的时间
三个带颜色的按钮依次表示measure,layout,draw
绿色表示用时短
黄色表示用时稍长
红色表示用时过长
这个时候我们就需要针对有红色部分优化了
这个工具很实用,大家需要自己摸索尝试了
