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:inflatedId="@+id/viewstub_demo_new_imageview"
    android:layout="@layout/viewstub_demo_image_layout"/>
</LinearLayout>

其中inflatedId就是新加載進來的view的id,若是須要獲取這個view,就要用這個inflatedId,原來的id已經被取代了

而layout就是要加載進來的佈局。

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_new_imageview);
            image.setImageResource(R.drawable.happy_running_dog);
        }
    }
}

運行結果：

使用的時候的注意事項：

某些佈局屬性要加在ViewStub而不是實際的佈局上面，纔會起做用，好比上面用的android:layout_margin*系列屬性，若是加在TextView上面，則不會起做用，須要放在它的ViewStub上面纔會起做用。而ViewStub的屬性在inflate()後會都傳給相應的佈局。