抽象布局——include、merge 、ViewStub

2019-11-09 18:58:50

字體：大中小

供稿：網(wǎng)友

在布局優(yōu)化中，Androi的官方提到了這三種布局<include />、<merge />、<ViewStub />，并介紹了這三種布局各有的優(yōu)勢，下面也是簡單說一下他們的優(yōu)勢，以及怎么使用，記下來權(quán)當做筆記。

1、布局重用<include />

<include />標簽能夠重用布局文件，簡單的使用如下：

[html] view plain copy PRint?

%20 %201)<include%20/>標簽可以使用單獨的layout屬性，這個也是必須使用的。

%20 %202)可以使用其他屬性。<include%20/>標簽若指定了ID屬性，而你的layout也定義了ID，則你的layout的ID會被覆蓋，解決方案。

%20 %203)在include標簽中所有的Android:layout_*都是有效的，前提是必須要寫layout_width和layout_height兩個屬性。

%20 %204)布局中可以包含兩個相同的include標簽，引用時可以使用如下方法解決（參考）:

[html] view%20plain copy print?

View bookmarks_container_2 = findViewById(R.id.bookmarks_favourite); bookmarks_container_2.findViewById(R.id.bookmarks_list);

2、減少視圖層級<merge%20/> %20 %20<merge/>標簽在UI的結(jié)構(gòu)優(yōu)化中起著非常重要的作用，它可以刪減多余的層級，優(yōu)化UI。例如你的主布局文件是垂直布局，引入了一個垂直布局的include，這是如果include布局使用的LinearLayout就沒意義了，使用的話反而減慢你的UI表現(xiàn)。這時可以使用<merge/>標簽優(yōu)化。

[html] view%20plain copy print?

<merge xmlns:android="http://schemas.android.com/apk/res/android"> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/add"/> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/delete"/> </merge> 注意：當merge所在布局用于getLayoutInflater().inflate(R.layout.merge_item,%20new%20LinearLayout(this),%20true);時，方法inflate()中參數(shù)root和attachToRoot必須賦值，且attachToRoot必須為true；3、需要時使用<ViewStub%20/> %20 <ViewStub%20/>標簽最大的優(yōu)點是當你需要時才會加載，使用他并不會影響UI初始化時的性能。

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

%20推薦的做法是使用Android.view.ViewStub，ViewStub是一個輕量級的View，它一個看不見的，不占布局位置，占用資源非常小的控件。可以為ViewStub指定一個布局，在Inflate布局的時候，只有ViewStub會被初始化，然后當ViewStub被設置為可見的時候，或是調(diào)用了ViewStub.inflate()的時候，ViewStub所向的布局就會被Inflate和實例化，然后ViewStub的布局屬性都會傳給它所指向的布局。這樣，就可以使用ViewStub來方便的在運行時，要還是不要顯示某個布局。

首先來說說ViewStub的一些特點：

%201.%20ViewStub只能Inflate一次，之后ViewStub對象會被置為空。按句話說，某個被ViewStub指定的布局被Inflate后，就不會夠再通過ViewStub來控制它了。

%20 %202.%20ViewStub只能用來Inflate一個布局文件，而不是某個具體的View，當然也可以把View寫在某個布局文件中。

%20基于以上的特點，那么可以考慮使用ViewStub的情況有：

%201.%20在程序的運行期間，某個布局在Inflate后，就不會有變化，除非重新啟動。

%20因為ViewStub只能Inflate一次，之后會被置空，所以無法指望后面接著使用ViewStub來控制布局。所以當需要在運行時不止一次的顯示和隱藏某個布局，那么ViewStub是做不到的。這時就只能使用View的可見性來控制了。

%202.%20想要控制顯示與隱藏的是一個布局文件，而非某個View。

%20因為設置給ViewStub的只能是某個布局文件的Id，所以無法讓它來控制某個View。

%20所以，如果想要控制某個View(如Button或TextView)的顯示與隱藏，或者想要在運行時不斷的顯示與隱藏某個布局或View，只能使用View的可見性來控制。

總之:ViewStub小控件占用內(nèi)存小，比View.GONE更節(jié)省內(nèi)存資源，缺點是只能對布局進行單次inflate顯示操作， %20 %20 %20 %20即只適合于需要占用內(nèi)存小，而在必要時顯示布局的情況。

[html] view%20plain copy print?

<ViewStub android:id="@+id/stub_import" android:layout="@layout/progress_overlay" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" /> android:layout=“”這里是要替換的布局文件，布局中的屬性要在ViewStub中設置，如android:layout_marginLeft="5d

((ViewStub) findViewById(R.id.stub_import)).setVisibility(View.VISIBLE); // or View importPanel = ((ViewStub) findViewById(R.id.stub_import)).inflate();

注：當調(diào)用inflate()函數(shù)的時候，ViewStub被引用的資源替代，并且返回引用的view，

但是顯示設置用android:visibility="visible"則不起作用。另外ViewStub目前有個缺陷就是還不支持 <merge />標簽。

更多<ViewStub />標簽介紹可以參考《Android Layout Tricks #3: Optimize with stubs》

上一篇：當子元素的position是：absolute時候的深度分析

下一篇：微信小程序的文件結(jié)構(gòu) —— 微信小程序教程系列（1）