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打开：

点击灰色按钮：

点击蓝色按钮：