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。

NOTE: 所以，如果想要控制某个View(如Button或TextView)的显示与隐藏，或者想要在运行时不断的显示与隐藏某个布局或View，只能使用View的可见性来控制。

---

下面是一个简单的例子，演示如何使用ViewStub，在MainActivity中进行动态加载视图。TextView 和 ImageView 视图。

---

activity_main.xml

    <?xml version="1.0" encoding="utf-8"?><RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="com.example.pc.jbush.MainActivity">    <ViewStub        android:id="@+id/text_demo"        android:layout_marginLeft="5dip"        android:layout_marginRight="5dip"        android:layout_marginTop="10dip"        android:layout="@layout/viewstub_demo_text_layout"        android:layout_width="wrap_content"        android:layout_height="wrap_content" />    <ViewStub        android:id="@+id/img_demo"        android:layout_marginLeft="5dip"        android:layout_marginRight="5dip"        android:layout_marginTop="10dip"        android:layout="@layout/viewstub_demo_img_layout"        android:layout_width="wrap_content"        android:layout_height="wrap_content" /></RelativeLayout>

---

viewstub_demo_text_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="match_parent"        android:background="@color/colorAccent"        android:text="@string/app_name" /></LinearLayout>

---

viewstub_demo_img_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">    <ImageView        android:id="@+id/img"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:background="@color/colorAccent"        android:src="@mipmap/ic_launcher" /></LinearLayout>

---

MainActivity.java

public class MainActivity extends Activity {    private LinearLayout container;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        JPushInterface.setDebugMode(true);        JPushInterface.init(this);        if (((int) (Math.random() * 100) & 0x01) == 0) {            ViewStub text = (ViewStub) findViewById(R.id.text_demo);            text.inflate();            TextView textView = (TextView) findViewById(R.id.tv);            textView.setText("text-information-testing-viewstub");        } else {            ViewStub img = (ViewStub) findViewById(R.id.img_demo);            img.inflate();            ImageView imageView = (ImageView) findViewById(R.id.img);        }        //layoutTranstion();    }}