Android布局技巧:使用ViewStub提高UI性能
多虧了<include />標(biāo)簽,在Android里,很容易就能做到共享和重用UI組件。在Android開發(fā)中,很容易就能創(chuàng)建出復(fù)雜的UI結(jié)構(gòu),結(jié)果呢,用了很多的View,且其中的一些很少使用。針對這種情況,謝天謝地,Android還為我們提供了一個特別的構(gòu)件——ViewStub,它可以使你充分享受<include />的好處而不會造成無用View的浪費。
ViewStub是一個看不見的,輕量級的View。它沒有尺寸,也不會繪制以及以某種形式參與到布局中來。這意味著ViewStub去inflate以及保留在View層次中的代價是很廉價的。ViewStub***的描述稱之為“懶惰的include”。ViewStub中引用的布局只在你想添加到UI上時才會顯示。
下面的截圖來自于Shelves應(yīng)用程序。圖中Activity顯示的內(nèi)容是給用戶呈現(xiàn)可瀏覽的書籍列表:
相同的Activity也用于用戶添加或?qū)胄碌臅?。在這個操作中,Shelves顯示了一個額外的UI。下面的截圖顯示了在導(dǎo)入期間,會在屏幕的底部顯示一個進(jìn)度表和一個取消按鈕:
由于導(dǎo)入書籍不是一個常有的操作,至少相對于瀏覽書籍列表來說不是,因此,導(dǎo)入panel由ViewStub來承載:
當(dāng)用戶進(jìn)行一個導(dǎo)入操作時,ViewStub被inflate,此時由它引用的布局文件內(nèi)容替代顯示:
為了使用ViewStub,你所有需要做的是指定android:id特性,便于以后inflate,指定android:layout特性,引用布局文件。ViewStub還允許你使用第三個特性,android:inflatedId,你可以使用它來重寫包含的布局文件中的根元素的id。***,在ViewStub上設(shè)定的layout_*參數(shù)將會應(yīng)用到包含的布局文件的頂部。這里有個例子:
- <ViewStub
- android:id="@+id/stub_import"
- android:inflatedId="@+id/panel_import"
- android:layout="@layout/progress_overlay"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:layout_gravity="bottom" />
當(dāng)你準(zhǔn)備inflate ViewStub時,調(diào)用inflate()方法即可。你還可以設(shè)定ViewStub的Visibility為VISIBLE或INVISIBLE,也會觸發(fā)inflate。注意的是,使用inflate()方法能返回布局文件的根View:
- ((ViewStub) findViewById(R.id.stub_import)).setVisibility(View.VISIBLE);
- // or
- View importPanel = ((ViewStub) findViewById(R.id.stub_import)).inflate();
有一點需要記住的是:當(dāng)ViewStub inflate后,這個ViewStub就從View層次中移除了。因此,沒有必要保留一個對ViewStub的引用(如在類的字段里)。
ViewStub是快捷編程與高效編程之間的產(chǎn)物。與其手動的inflate View并在運行時添加到View層次上,不如簡單的使用ViewStub。它相當(dāng)“廉價”且易于使用。ViewStub唯一的缺點是現(xiàn)在不支持<merge />標(biāo)簽。