使用ViewStub可以延迟加载一个布局文件，提高显示速率。刚开始接触到，记录下来。

关于viewstub的使用，我们可以在不同的布局中使用，比如可以根据设备的大小动态决定显示哪个界面。

viewstub和include比较像，都是在一个布局文件中嵌入另外一个布局文件，然而viewstub是可以说是延迟加载，它只会在你手动指定加载的时候才会加载这个布局文件，而include则会立即加载。

在布局中使用ViewStub标签来引入文件

<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"

    android:orientation="vertical"

    tools:context="com.example.viewstub.MainActivity" >

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/hello_world" />

    <Button

        android:id="@+id/toggle"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:onClick="onClick"

        android:text="显示/隐藏" />

    <ViewStub

        android:id="@+id/vs"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:inflatedId="@+id/inflated_id"

        android:layout="@layout/view_stub_layout" />

</LinearLayout>

view_stub_layout.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" >

<TextView

    android:id="@+id/tv"

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:text="vs中的tv"

    />    

</LinearLayout>

这是布局文件，那么怎么在程序运行时加载这个布局呢？

public class MainActivity extends ActionBarActivity {

    private ViewStub stub;

    private boolean isShow = true;

    private TextView tv;

    /* (non-Javadoc)

     * @see android.support.v7.app.ActionBarActivity#onCreate(android.os.Bundle)

     */

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        //布局的加载有两种方式，一种是stub.inflate();

        //另一种是stub.setVisibility(View.VISIBLE);

        stub = (ViewStub) this.findViewById(R.id.vs);

//      stub.inflate();

        stub.setVisibility(View.VISIBLE);

        //实例化之后就可以拿到stub布局的根节点，然后可以对之进行操作

        View root = this.findViewById(R.id.inflated_id);

        //注意要先实例化stub，然后才可以拿到tv

        tv = (TextView) root.findViewById(R.id.tv);

        root.setBackgroundColor(Color.BLUE);

    }

    public void onClick(View v){

        switch (v.getId()) {

        case R.id.toggle:

            if (isShow) {

                stub.setVisibility(View.GONE);

            }else{

                stub.setVisibility(View.VISIBLE);

                tv.setText("---");

            }

            isShow = !isShow;

            break;

        default:

            break;

        }

    }

}

版权声明：本文为博主原创文章，未经博主允许不得转载。若有错误地方，还望批评指正，不胜感激。