快捷導(dǎo)航

Android筆記之：深入ViewStub的應(yīng)用

更新時(shí)間：2013年05月23日 10:47:14 作者：

本篇文章是對(duì)Android中ViewStub的應(yīng)用進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下

在開(kāi)發(fā)應(yīng)用程序的時(shí)候，經(jīng)常會(huì)遇到這樣的情況，會(huì)在運(yùn)行時(shí)動(dòng)態(tài)根據(jù)條件來(lái)決定顯示哪個(gè)View或某個(gè)布局。那么最通常的想法就是把可能用到的View都寫在上面，先把它們的可見(jiàn)性都設(shè)為View.GONE，然后在代碼中動(dòng)態(tài)的更改它的可見(jiàn)性。這樣的做法的優(yōu)點(diǎn)是邏輯簡(jiǎn)單而且控制起來(lái)比較靈活。但是它的缺點(diǎn)就是，耗費(fèi)資源。雖然把View的初始可見(jiàn)View.GONE但是在Inflate布局的時(shí)候View仍然會(huì)被Inflate，也就是說(shuō)仍然會(huì)創(chuàng)建對(duì)象，會(huì)被實(shí)例化，會(huì)被設(shè)置屬性。也就是說(shuō)，會(huì)耗費(fèi)內(nèi)存等資源。

推薦的做法是使用android.view.ViewStub，ViewStub是一個(gè)輕量級(jí)的View，它一個(gè)看不見(jiàn)的，不占布局位置，占用資源非常小的控件?？梢詾閂iewStub指定一個(gè)布局，在Inflate布局的時(shí)候，只有ViewStub會(huì)被初始化，然后當(dāng)ViewStub被設(shè)置為可見(jiàn)的時(shí)候，或是調(diào)用了ViewStub.inflate()的時(shí)候，ViewStub所向的布局就會(huì)被Inflate和實(shí)例化，然后ViewStub的布局屬性都會(huì)傳給它所指向的布局。這樣，就可以使用ViewStub來(lái)方便的在運(yùn)行時(shí)，要還是不要顯示某個(gè)布局。
但ViewStub也不是萬(wàn)能的，下面總結(jié)下ViewStub能做的事兒和什么時(shí)候該用ViewStub，什么時(shí)候該用可見(jiàn)性的控制。
首先來(lái)說(shuō)說(shuō)ViewStub的一些特點(diǎn)：
1. ViewStub只能Inflate一次，之后ViewStub對(duì)象會(huì)被置為空。按句話說(shuō)，某個(gè)被ViewStub指定的布局被Inflate后，就不會(huì)夠再通過(guò)ViewStub來(lái)控制它了。
2. ViewStub只能用來(lái)Inflate一個(gè)布局文件，而不是某個(gè)具體的View，當(dāng)然也可以把View寫在某個(gè)布局文件中。
基于以上的特點(diǎn)，那么可以考慮使用ViewStub的情況有：
1. 在程序的運(yùn)行期間，某個(gè)布局在Inflate后，就不會(huì)有變化，除非重新啟動(dòng)。
因?yàn)閂iewStub只能Inflate一次，之后會(huì)被置空，所以無(wú)法指望后面接著使用ViewStub來(lái)控制布局。所以當(dāng)需要在運(yùn)行時(shí)不止一次的顯示和隱藏某個(gè)布局，那么ViewStub是做不到的。這時(shí)就只能使用View的可見(jiàn)性來(lái)控制了。
2. 想要控制顯示與隱藏的是一個(gè)布局文件，而非某個(gè)View。
因?yàn)樵O(shè)置給ViewStub的只能是某個(gè)布局文件的Id，所以無(wú)法讓它來(lái)控制某個(gè)View。
所以，如果想要控制某個(gè)View(如Button或TextView)的顯示與隱藏，或者想要在運(yùn)行時(shí)不斷的顯示與隱藏某個(gè)布局或View，只能使用View的可見(jiàn)性來(lái)控制。
下面來(lái)看一個(gè)實(shí)例
在這個(gè)例子中，要顯示二種不同的布局，一個(gè)是用TextView顯示一段文字，另一個(gè)則是用ImageView顯示一個(gè)圖片。這二個(gè)是在onCreate()時(shí)決定是顯示哪一個(gè)，這里就是應(yīng)用ViewStub的最佳地點(diǎn)。
先來(lái)看看布局，一個(gè)是主布局，里面只定義二個(gè)ViewStub，一個(gè)用來(lái)控制TextView一個(gè)用來(lái)控制ImageView，另外就是一個(gè)是為顯示文字的做的TextView布局，一個(gè)是為ImageView而做的布局：

復(fù)制代碼代碼如下:

<?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的布局：

復(fù)制代碼代碼如下:

<?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的布局：

復(fù)制代碼代碼如下:

<?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>

下面來(lái)看代碼，決定來(lái)顯示哪一個(gè)，只需要找到相應(yīng)的ViewStub然后調(diào)用其infalte()就可以獲得相應(yīng)想要的布局：

復(fù)制代碼代碼如下:

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

運(yùn)行結(jié)果：

使用的時(shí)候的注意事項(xiàng)：
1. 某些布局屬性要加在ViewStub而不是實(shí)際的布局上面，才會(huì)起作用，比如上面用的android:layout_margin*系列屬性，如果加在TextView上面，則不會(huì)起作用，需要放在它的ViewStub上面才會(huì)起作用。而ViewStub的屬性在inflate()后會(huì)都傳給相應(yīng)的布局。