Android笔记之：深入ViewStub的应用

在开发应用程序的时候，经常会遇到这样的情况，会在运行时动态根据条件来决定显示哪个view或某个布局。那么最通常的想法就是把可能用到的view都写在上面，先把它们的可见性都设为view.gone，然后在代码中动态的更改它的可见性。这样的做法的优点是逻辑简单而且控制起来比较灵活。但是它的缺点就是，耗费资源。虽然把view的初始可见view.gone但是在inflate布局的时候view仍然会被inflate，也就是说仍然会创建对象，会被实例化，会被设置属性。也就是说，会耗费内存等资源。

推荐的做法是使用android.view.viewstub，viewstub是一个轻量级的view，它一个看不见的，不占布局位置，占用资源非常小的控件。可以为viewstub指定一个布局，在inflate布局的时候，只有viewstub会被初始化，然后当viewstub被设置为可见的时候，或是调用了viewstub.inflate()的时候，viewstub所向的布局就会被inflate和实例化，然后viewstub的布局属性都会传给它所指向的布局。这样，就可以使用viewstub来方便的在运行时，要还是不要显示某个布局。
但viewstub也不是万能的，下面总结下viewstub能做的事儿和什么时候该用viewstub，什么时候该用可见性的控制。
首先来说说viewstub的一些特点：
1. viewstub只能inflate一次，之后viewstub对象会被置为空。按句话说，某个被viewstub指定的布局被inflate后，就不会够再通过viewstub来控制它了。
2. viewstub只能用来inflate一个布局文件，而不是某个具体的view，当然也可以把view写在某个布局文件中。
基于以上的特点，那么可以考虑使用viewstub的情况有：
1. 在程序的运行期间，某个布局在inflate后，就不会有变化，除非重新启动。
因为viewstub只能inflate一次，之后会被置空，所以无法指望后面接着使用viewstub来控制布局。所以当需要在运行时不止一次的显示和隐藏某个布局，那么viewstub是做不到的。这时就只能使用view的可见性来控制了。
2. 想要控制显示与隐藏的是一个布局文件，而非某个view。
因为设置给viewstub的只能是某个布局文件的id，所以无法让它来控制某个view。
所以，如果想要控制某个view(如button或textview)的显示与隐藏，或者想要在运行时不断的显示与隐藏某个布局或view，只能使用view的可见性来控制。
下面来看一个实例
在这个例子中，要显示二种不同的布局，一个是用textview显示一段文字，另一个则是用imageview显示一个图片。这二个是在oncreate()时决定是显示哪一个，这里就是应用viewstub的最佳地点。
先来看看布局，一个是主布局，里面只定义二个viewstub，一个用来控制textview一个用来控制imageview，另外就是一个是为显示文字的做的textview布局，一个是为imageview而做的布局：

<?xml version="1.0" encoding="utf-8"?>
<linearlayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:gravity="center_horizontal">
  <viewstub
    android:id="@+id/viewstub_demo_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginleft="5dip"
    android:layout_marginright="5dip"
    android:layout_margintop="10dip"
    android:layout="@layout/viewstub_demo_text_layout"/>
  <viewstub
    android:id="@+id/viewstub_demo_image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginleft="5dip"
    android:layout_marginright="5dip"
    android:layout="@layout/viewstub_demo_image_layout"/>
</linearlayout>

为textview的布局：

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

为imageview的布局：

<?xml version="1.0" encoding="utf-8"?>
<linearlayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
    <imageview
        android:id="@+id/viewstub_demo_imageview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</linearlayout>

下面来看代码，决定来显示哪一个，只需要找到相应的viewstub然后调用其infalte()就可以获得相应想要的布局：

package com.effective;
import android.app.activity;
import android.os.bundle;
import android.view.viewstub;
import android.widget.imageview;
import android.widget.textview;
public class viewstubdemoactivity extends activity {
    @override
    public void oncreate(bundle savedinstancestate) {
        super.oncreate(savedinstancestate);
        setcontentview(r.layout.viewstub_demo_activity);
        if ((((int) (math.random() * 100)) & 0x01) == 0) {
            // to show text
            // all you have to do is inflate the viewstub for textview
            viewstub stub = (viewstub) findviewbyid(r.id.viewstub_demo_text);
            stub.inflate();
            textview text = (textview) findviewbyid(r.id.viewstub_demo_textview);
            text.settext("the tree of liberty must be refreshed from time to time" +
                    " with the blood of patroits and tyrants! freedom is nothing but " +
                    "a chance to be better!");
        } else {
            // to show image
            // all you have to do is inflate the viewstub for imageview
            viewstub stub = (viewstub) findviewbyid(r.id.viewstub_demo_image);
            stub.inflate();
            imageview image = (imageview) findviewbyid(r.id.viewstub_demo_imageview);
            image.setimageresource(r.drawable.happy_running_dog);
        }
    }
}

运行结果：

使用的时候的注意事项：
1. 某些布局属性要加在viewstub而不是实际的布局上面，才会起作用，比如上面用的android:layout_margin*系列属性，如果加在textview上面，则不会起作用，需要放在它的viewstub上面才会起作用。而viewstub的属性在inflate()后会都传给相应的布局。