Android性能优化之布局优化
一、概绪
随着应用的增加，功能越来越复杂，布局也随着越来越丰富，这也成为应用流畅运行的一个阻碍。因此，这篇博客主要就布局优化来学习学习优化方案。
二、.常见的布局优化方案有
- 避免Overdraw(重复绘制)：重复绘制会过分的浪费很多的CPU。例如:Android系统默认会会绘制Activity背景，如果我们再手动设置背景就会导致重复绘制。在Android系统中的开发者选项中有个检测工具—“Enable GPU Overdraw”，可以通过颜色查看overdraw的绘制次数。
- 布局尽量不要嵌套太多。系统在对View测量时，是通过View数进行测量的。如果一个View的层级太多，会严重影响测量、绘制的速度
- 在RelativeLayout和LinearLayout同时能够满足需求时，尽量使用RelativeLayout，这一点可以从我们MainActivity默认布局就可以看出，默认是RelativeLayout，因为可以通过扁平的RelativeLayout降低LinearLayout嵌套所产生布局树的层级。
- 布局优化的另外一种手段就是使用include、merge、ViewStub。下面详细介绍这三个标签。
1.include
作用:主要将一个指定的布局加载到当前的布局，解决代码重复。加入你的一个布局需要在多处用到，那么可以把它提取出来，使用include导入。
<include layout="@layout/include"/>include代码如下:
<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="20dp"
tools:context="${relativePackage}.${activityClass}"
android:orientation="vertical"
android:background="#f00"
>
</LinearLayout>
2.merge
一般merge结合include标签一起使用。使用场景：加入一个布局是LinearLayout，而另一个子布局也是一个LinearLayout，包含两个Button，那么我们可以将子LinearLayout用merge代替。具体看代码:
<include layout="@layout/merge"/>merge代码如下:
<merge xmlns:android="http://schemas.android.com/apk/res/android" >
<Button android:id="@+id/btn1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="按钮1" />
<Button android:id="@+id/btn2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="按钮2" />
</merge>
3.ViewStub
ViewStub是View的子类。他是一个轻量级view，并且宽度和高度都为0，因此它不会参加任何布局和绘制过程。它在默认不会显示。只有在代码中调用setVisibility(View.VISIBLE) ;或者inflate() ;进行展示。使用ViewStub的时候注意一点:如果布局显示出来了，就不要重复inflate，否则可能会导致报错。
/**
mVs.setVisibility(View.VISIBLE) ------> mVs.inflate() ; 报错
mVs.inflate()-----> mVs.inflate() 报错
mVs.inflate()----->mVs.setVisibility(View.VISIBLE) -->mVs.inflate()错
mVs.setVisibility(View.VISIBLE) -->mVs.setVisibility(View.VISIBLE) 正确
/上面几个是我测试出来的，大家可以验证下。关于inflate和setVisibility的区别就是inflate有返回值，就是填充的布局，我们可以通过这个返回值找到布局中的控件。
就上面的三个控件做了个综合Demo：
activity_main.xml：
<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" tools:context="${relativePackage}.${activityClass}" android:orientation="vertical" >
<include layout="@layout/include"/>
<include layout="@layout/merge"/>
<ViewStub android:id="@+id/vs" android:layout_width="match_parent" android:layout_height="40dp" android:background="#f00" android:layout="@layout/viewstub" />
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" />
</LinearLayout>
include.xml:
<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="20dp"
tools:context="${relativePackage}.${activityClass}"
android:orientation="vertical"
android:background="#f00"
>
</LinearLayout>
meger.xml:
<merge xmlns:android="http://schemas.android.com/apk/res/android" >
<Button android:id="@+id/btn1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="按钮1" />
<Button android:id="@+id/btn2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="按钮2" />
</merge>
ViewStub.xml:
<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="20dp" tools:context="${relativePackage}.${activityClass}" android:orientation="vertical" android:background="#f00" >
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="我是ViewStub" />
</LinearLayout>
主Activity:
mVs = (ViewStub) findViewById(R.id.vs);
//第一个按钮
findViewById(R.id.btn1).setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
//mVs.setVisibility(View.VISIBLE) ;
View inflateView = mVs.inflate() ;
}
}) ;
//第二个按钮
findViewById(R.id.btn2).setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
mVs.setVisibility(View.VISIBLE) ;
//mVs.inflate() ;
}
}) ;上面代码运行错误就是由于我先点击第一个按钮inflate，然后点击第二个安妮setVisibility，然后又inflate导致出错了。