android开发布局优化之ViewStub

使用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;
        }
    }
}