Android布局优化之ViewStub

一、为什么需要使用ViewStub

在开发Android程序的过程中，经常需要动态决定哪个View或者布局的可见性，通常的做法就是将所有用到的View或者布局都写在布局里，然后设置其属性为View.GONE，然后在代码中根据实际情况设置它的可见性。那么这种做法存在的一个缺点就是比较耗费资源，虽然在布局中将View的属性设置成了View.GONE，但是在inflate的时候View仍然会被inflate，也就是说仍然会创建对象，分配内存。

另一种做法就是使用ViewStub，其为一个轻量级的View，是一个看不见的、不占布局位置且占用资源很小的控件。我们可以使用android:layout属性为其指定一个布局，在Inflate布局的时候只有ViewStub会被初始化，这样占用的资源很小，当我们使用ViewStub.inflate()的时候，ViewStub包含的布局会被实例化，并且ViewStub的布局属性均会传给该布局。如上所述，我们在实际需要显示布局的时候调用ViewStub.inflate()来显示ViewStub包含的布局，默认是不显示的。

二、ViewStub的特点

• ViewStub只能Inflate一次，之后ViewStub对象会被置空，也就是说，当调用ViewStub的inflate()方法之后，ViewStub所包含的布局会被显示出来，但是此后就无法再通过ViewStub来进行控制了。
• ViewStub只能inflate一个布局文件，而不能是某一个具体的View

三、举例

一个常见的ViewStub的使用方法如下，首先是布局文件：

• activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.glemontree.viewstub.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />

    <ViewStub
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_marginTop="10dp"
        android:id="@+id/viewstub_demo_text"
        android:layout="@layout/viewstub_demo_text_layout"/>
</LinearLayout>

需要注意的是ViewStub是通过android:layout来包含布局的，这一点不同于include标签（通过layout来包含布局）。

• viewstub_demo_text_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/viewstub_demo_textview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#aa664411"
        android:textSize="16sp"/>
</LinearLayout>

• MainActivity.jva

package com.glemontree.viewstub;

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

import org.w3c.dom.Text;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ViewStub stub = (ViewStub) findViewById(R.id.viewstub_demo_text);
        stub.inflate();
        TextView textView = (TextView) findViewById(R.id.viewstub_demo_textview);
        textView.setText("This is stub !");
    }
}

四、注意事项

• 某些布局属性要加在ViewStub而不是实际的布局上面，才会起作用，比如上面用的android:layout_margin*系列属性，如果加在TextView上面，则不会起作用，需要放在它的ViewStub上面才会起作用。而ViewStub的属性在inflate()后会都传给相应的布局。
• 某些布局属性要加在ViewStub而不是实际的布局上面，才会起作用，比如上面用的android:layout_margin*系列属性，如果加在TextView上面，则不会起作用，需要放在它的ViewStub上面才会起作用。而ViewStub的属性在inflate()后会都传给相应的布局。

五、说明

本文参考南尘的博客，很喜欢看这些大神的博客，每次看都会收获很多！