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

源码下载