天天看點

Android 布局巧用之include、merge、ViewStub

Android 布局巧用之include、merge、ViewStub

相信大家經常聽到include、merge、ViewStub這樣的标簽,官方也提到這三種布局可用于布局的優化。今天就介紹下這三種布局的使用,記錄下來,便于後續app中的使用。

include布局重用

app開發過程中,會遇到不同頁面裡有相同的布局,這時我們可以将這些通用的布局提取出來到一個單獨的layout檔案裡,再使用<include>标簽引入到相應的頁面布局檔案裡,主要通過include的layout屬性引用。 

舉個例子,include的布局:

Android 布局巧用之include、merge、ViewStub

activity布局:

Android 布局巧用之include、merge、ViewStub

這個标簽在日常工作使用還是很常見的。這裡有幾點需要注意下: 

1、如果給include标簽 和 include所加載的布局 都添加id的話,那麼id要保持一緻,如例子中都是container,否則是在代碼中擷取不到RelativeLayout容器的。 當然我們可以避免這樣的問題,隻需要給其中一項添加id屬性就可以。

2、include布局裡元素的id 要和 include所在頁面布局裡的其他元素id 不同,如例子中的兩個textview,如果把id設定相同了,程式運作起來并不會報錯,但是textview的指派隻會指派給其中的一個。

3、如果需要給include标簽設定位置屬性的話,如例子中的layout_below、layout_marginTop,這時候 必須 同時設定include标簽的寬高屬性layout_width、layout_height,否則編譯器是會報錯的。一般情況不需要設定include的其他屬性,直接加載布局檔案 <include layout="@layout/...."/>

4、布局中可以包含兩個相同的include标簽

        merge減少視圖層級

merge标簽可用于減少視圖層級來優化布局,可以配合include使用,如果include标簽的父布局 和 include布局的根容器是相同類型的,那麼根容器的可以使用merge代替。 

先看沒有使用merge的:

Android 布局巧用之include、merge、ViewStub

view層的結構:

Android 布局巧用之include、merge、ViewStub

再看使用了merge的:

Android 布局巧用之include、merge、ViewStub

view層結構:

Android 布局巧用之include、merge、ViewStub

可以看到對比,減少了一層的LinearLayout的嵌套,需要注意的是使用merge的布局,在include的标簽設定距離屬性沒有生效,可以将一些間距屬性設定到include布局裡元素上,具體看項目需求使用。

ViewStub按需加載

按需加載 顧名思義需要的時候再去加載,不需要的時候可以不用加載,節約記憶體使用。通常情況我們會使用setVisibility方法來控制視圖的顯示和隐藏,但是這種情況視圖已經加載了。 

        比如app中頁面裡某個布局隻需要在特定的情況下才顯示,其餘情況下可以不用加載顯示,這時候可以使用ViewStub。 

layout屬性是需要加載布局:

Android 布局巧用之include、merge、ViewStub

需要注意的是 ViewStub的inflate()方法隻能被調用一次,一旦調用後,ViewStub将從視圖中移除,被對應的layout布局取代,同時會保留ViewStub上設定的屬性效果。

好了,今天是一點小小的技巧分享,可以立即在項目中使用,文中有錯誤請大家無私的指出,你的支援是我前進的動力,掃描下方二維碼關注我吧。

Android 布局巧用之include、merge、ViewStub