【轉】在Android布局中使用include和merge標籤

標籤：

內容轉自：http://fengweipeng1208.blog.163.com/blog/static/21277318020138229754135/

 

在我們開發android布局時，經常會有很多的布局是相同的，這個時候我們可以通過<include/>和<merge/>標籤實現將複雜的布局包含在需要的布局中，減少重複代碼的編寫。

 

1. 建立一個可以重複使用的布局：

如下代碼描述在應用中每個acitivity都出現的頂欄titlebar.xml

 1 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 2     android:layout_width=”match_parent” 3     android:layout_height="wrap_content" 4     android:background="@color/titlebar_bg"> 5  6     <ImageView android:id="@+id/title" 7                android:layout_width="wrap_content" 8                android:layout_height="wrap_content"  9                android:src="@drawable/gafricalogo" />10 </FrameLayout>

上面的根布局(root view)即frameLayout會出現在之後插入的地方。

2. 使用<include/>標籤：

在應用中的一個activity的布局中頂欄就是如上的布局，那麼我們就可以include上面的titlebar.xml達到複用的效果，布局代碼如下:

 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 2     android:orientation="vertical"  3     android:layout_width=”match_parent” 4     android:layout_height=”match_parent” 5     android:background="@color/app_bg" 6     android:gravity="center_horizontal"> 7  8     <include  android:id="@+id/new_title" 9               layout="@layout/titlebar"/>10 11     <TextView android:layout_width=”match_parent”12               android:layout_height="wrap_content"13               android:text="@string/hello"14               android:padding="10dp" />15 16     ...17 18 </LinearLayout>

通過取得元素的id，我們可以修改include標籤中元素的屬性，下面的例子為在actiivty中修改titlebar中的圖片：

1 private View mTitleBar = null;2 private ImageView mTitleImageView = null;3 4 mTitleBar = findViewById(R.id.new_title);5 mTitleImageView = (ImageView)mTitleBar.findViewById(R.id.title);6 mTitleImageView.setImageResource(R.drawable.logo);

在使用include標籤時，我們可以覆寫插入布局root view的屬性（所有的android:layout_*屬性）:

1 <include android:id=”@+id/news_title”2          android:layout_width=”match_parent”3          android:layout_height=”match_parent”4          layout=”@layout/title”/>

如果需要覆寫插入布局root view的屬性，則必須制定android:layout_width和android:layout_height這兩個屬性以使其它的覆寫屬性生效。

注意：被引用的布局的屬性中，只有，外層的layout屬性可以被修改，內部屬性不能被修改。

舉例：button2.xml，內容如下：

1 <Button xmlns:android="http://schemas.android.com/apk/res/android"2     android:id="@+id/button1"3     android:layout_width="wrap_content"4     android:layout_height="wrap_content"5     android:text="Button" />

那麼在別的地方引用這個布局：         <include            android:id="@+id/button1"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:text="Button23456"            layout="@layout/button2" /> 

 那麼，綠色的代碼設定的屬性是有效，紅色的代碼設定的屬性是無效的。

其實，這很容易理解，就是include是為了複用一段封裝好的布局，那麼，布局內部的東西自然是不用改的，如果要改，還不如在被引用的檔案中改好，我們在include中修改的只是被引用的布局的大小位置。

3. 使用<merge/>標籤

merge標籤用來消除我們在include一個布局到另一個布局時所產生的冗餘view group。比如現在很多布局中會有兩個連續的Button，於是我們將這兩個連續的Button做成可複用布局(re-usable layout)。在使用include標籤時我們必須先將這兩個Button用一個view group比如LinearLayout組織在一起然後供其它布局使用，如果是include的地方也是LiearLayout就會造成有兩層連續的LiearLayout，除了降低UI效能沒有任何好處。這個時候我們就可以使用<merge/>標籤作為可複用布局的root view來避免這個問題。

 1 <merge xmlns:android="http://schemas.android.com/apk/res/android"> 2  3     <Button 4         android:layout_width="fill_parent"  5         android:layout_height="wrap_content" 6         android:text="@string/add"/> 7  8     <Button 9         android:layout_width="fill_parent" 10         android:layout_height="wrap_content"11         android:text="@string/delete"/>12 13 </merge>

當我們用<include/>標籤複用上述代碼時，系統會忽略merge元素，直接將兩個連續的Button放在<include/>標籤所在處。

【轉】在Android布局中使用include和merge標籤