Android性能优化之--ViewStub

我的博客：http://blog.csdn.net/name_cjf

---

使用背景：

我所在公司的一个App，由于界面布局复杂，导致启动时间或者界面切换均较为卡顿，而由于布局中所有控件均有其作用，所以无法直接简化布局，不过有很多布局确是一开始为不可见状态，特定情况下才会显示。所以就想：目前Android加载布局，会把不可见的布局也一起加载。有没有一种方法可以使刚开始用不着的控件不去加载，需要的时候再加载呢？答案是肯定的，那就是“ViewStub”

ViewStub简介：

ViewStub 是一个轻量级的View，没有尺寸，不绘制任何东西，因此绘制或者移除时更省时。(ViewStub不可见，大小为0)。所以它的优点就是可以实现延迟加载，在需要加载布局的时候，ViewStub将被替换为其它布局（类似于include引入布局）。当然，它也有一些缺点，比如：1、ViewStub所要替代的layout文件中不能有标签2、ViewStub在加载完后会被移除，或者说是被加载进来的layout替换掉了。不过这些缺点也是完全可以克服的，所以感觉这是个非常实用的性能优化控件。

ViewStub用法

xml中的用法：

    <ViewStub
        android:id="@+id/view_stub"
        android:inflatedId="@+id/inflate_layout"
        android:layout="@layout/ll_include"
        android:layout_width="match_parent"
        android:layout_height="100dp" />

其中，android:inflatedId为替换后布局的id，android:layout为所要替换的布局。

代码中的用法：

/**
 1. 点击按钮，替换一个布局（ViewStub）,点击替换布局中的按钮，该布局消失
 */
public class MainActivity extends AppCompatActivity {

    View viewStub;
    Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //绑定必须的控件
        button = (Button) findViewById(R.id.btn_show_view);//目前用不着绑定ViewStub，可以选择使用的时候绑定（此处当然也可以绑定）
        //点击事件，点击后弹出布局
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(viewStub==null) {//ViewStub被替换后，就不存在了，所以绑定ViewStub的操作在替换后执行会报空指针异常的错误
                    viewStub = findViewById(R.id.view_stub);
                    ((ViewStub)viewStub).inflate();//使ViewStub被替换为需要的布局（android:layout所引用的布局）
//                    viewStub.setVisibility(View.VISIBLE);//该方法作用同上，设置为VISIBLE会内部调用inflate()来替换布局（推荐）
                    viewStub = findViewById(R.id.inflate_layout);//将viewStub重新绑定为替换后的
                }else {
                    viewStub.setVisibility(View.VISIBLE);//布局替换后，后续的显示隐藏靠VISIBLE与GONE来控制
                }
                viewStub.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        viewStub.setVisibility(View.GONE);
                    }
                });
            }
        });
    }
}

在代码中替换布局时需要注意：

1. 绑定ViewStub的操作在替换布局后便不可再执行了，因为替换后，ViewStub将会消失，所以再使用findViewById来绑定的话会报空指针异常的错误。后面如果需要，绑定android:inflatedId所指定的id，即为替换后的布局。
2. 替换操作有两种：viewStub.inflate()与viewStub.setVisibility(View.VISIBLE)。其中推荐使用后者（个人认为后者方便）。

上面的代码中，app运行后加载布局，不会一开始就加载隐藏的按钮（如果那个按钮写在了布局中，无论其可见与否，均会加载），而是需要的时候再去加载，对于复杂的布局，这样做可以极大提高启动速度。

以下是全部代码及效果图：
activity_main.xml：

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

    <Button
        android:id="@+id/btn_show_view"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:text="Show view"/>

    <ViewStub
        android:id="@+id/view_stub"
        android:inflatedId="@+id/inflate_layout"
        android:layout="@layout/ll_include"
        android:layout_width="match_parent"
        android:layout_height="100dp" />

</LinearLayout>

ll_include.xml：

<?xml version="1.0" encoding="utf-8"?>
<Button xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:text="Hide this button"
    android:background="@color/colorPrimary"/>

MainActivity.java：

package com.study.cjf.viewstub;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewStub;
import android.widget.Button;

/**
 * 点击按钮，替换一个布局（ViewStub）,点击替换布局中的按钮，该布局消失
 */
public class MainActivity extends AppCompatActivity {

    View viewStub;
    Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //绑定必须的控件
        button = (Button) findViewById(R.id.btn_show_view);//目前用不着绑定ViewStub，可以选择使用的时候绑定（此处当然也可以绑定）
        //点击事件，点击后弹出布局
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(viewStub==null) {//ViewStub被替换后，就不存在了，所以绑定ViewStub的操作在替换后执行会报空指针异常的错误
                    viewStub = findViewById(R.id.view_stub);
                    ((ViewStub)viewStub).inflate();//使ViewStub被替换为需要的布局（android:layout所引用的布局）
//                    viewStub.setVisibility(View.VISIBLE);//该方法作用同上，设置为VISIBLE会内部调用inflate()来替换布局（推荐）
                    viewStub = findViewById(R.id.inflate_layout);//将viewStub重新绑定为替换后的
                }else {
                    viewStub.setVisibility(View.VISIBLE);//布局替换后，后续的显示隐藏靠VISIBLE与GONE来控制
                }
                viewStub.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        viewStub.setVisibility(View.GONE);
                    }
                });
            }
        });
    }
}

app打开：

点击灰色按钮：

点击蓝色按钮：