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导致出错了。

源码下载