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()后會都傳給相應的布 局。

 

1.ViewStub之所以常稱之為“延遲化加載”，是因為在教多數情況下，程序 無需顯示ViewStub所指向的布局文件，只有在特定的某些較少條件下，此時ViewStub所指向的布局文件才需要被inflate，且此布局文件直 接將當前ViewStub替換掉，具體是通過viewStub.infalte()或 viewStub.setVisibility(View.VISIBLE)來完成；

2.正確把握住ViewStub的應用場景非常重要，正如如1中所描述需求場景下，使用ViewStub可以優化布局；

3.對ViewStub的inflate操作只能進行一次，因為inflate的 時候是將其指向的布局文件解析inflate並替換掉當前ViewStub本身（由此體現出了ViewStub“占位符”性質），一旦替換后，此時原來的 布局文件中就沒有ViewStub控件了，因此，如果多次對ViewStub進行infalte，會出現錯誤信息：ViewStub must have a non-null ViewGroup viewParent。

4.3中所講到的ViewStub指向的布局文件解析inflate並替換掉當前 ViewStub本身，並不是完全意義上的替換（與include標簽還不太一樣），替換時，布局文件的layout params是以ViewStub為准，其他布局屬性是以布局文件自身為准。

5.ViewStub本身是不可見的，對 ViewStub setVisibility(..)與其他控件不一樣，ViewStub的setVisibility 成View.VISIBLE或INVISIBLE如果是首次使用，都會自動inflate其指向的布局文件，並替換ViewStub本身，再次使用則是相 當於對其指向的布局文件設置可見性。

 

 

viewStub中加載layout的代碼是

public View inflate() {
    final ViewParent viewParent = getParent();// 獲取當前view的父view，用於獲取需要加載的layout的index

    if (viewParent != null && viewParent instanceof ViewGroup) {
        if (mLayoutResource != 0) {
            final ViewGroup parent = (ViewGroup) viewParent;
            final LayoutInflater factory;
            if (mInflater != null) {
                factory = mInflater;
            } else {
                factory = LayoutInflater.from(mContext);
            }
            final View view = factory.<strong><span style="font-size:14px;color:#ff0000;">inflate</span></strong>(mLayoutResource, parent, false);// 獲取需要加載的layout

            if (mInflatedId != NO_ID) {
                view.setId(mInflatedId);
            }

            final int index = parent.indexOfChild(this);
            parent.removeViewInLayout(this);// 刪除之前加載的view

            final ViewGroup.LayoutParams layoutParams = getLayoutParams();
            if (layoutParams != null) {
                parent.addView(view, index, layoutParams);
            } else {
                parent.<strong><span style="font-size:14px;color:#ff0000;">addView</span></strong>(view, index);// 添加view
            }

            mInflatedViewRef = new WeakReference<View>(view);

            if (mInflateListener != null) {
                mInflateListener.onInflate(this, view);
            }

            return view;
        } else {
            throw new IllegalArgumentException("ViewStub must have a valid layoutResource");
        }
    } else {
        throw new IllegalStateException("ViewStub must have a non-null ViewGroup viewParent");
    }
}