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