學習android知識,卻經常忘記,是應該把知識總結為文字. -2017年6月21日07:51:19

1,<merge>標籤的作用

<merge />標籤用於減少View樹的層次來優化Android的佈局.

通過一個例子來理解這句話:

建立mergelayout.xml,作為Activity的佈局:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="match_parent"
             android:layout_height="match_parent">
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@mipmap/ic_launcher"
        android:scaleType="fitXY"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="GreenRobot"
        android:layout_marginBottom="20dp"
        android:textColor="#000"
        android:background="#22000000"
        android:padding="12dp"
        android:layout_gravity="center_horizontal|bottom"/>
</FrameLayout>
 

使用sdk/tools/裡的工具monitor.bat,點選Dump View Hierarchy for UI Automator按鈕,檢視這部分的檢視結構:

可以看到xml中的FrameLayout節點上面還有一個FrameLayout節點,這個xml中的FrameLayout節點其實是個無用的父節點(Useless parent),白白增加了佈局的層級.

那麼怎麼辦呢?這就是<merge>標籤派上用場的時候了.當LayoutInflater遇見<merge>標籤時,就會跳過<merge>標籤並且把<merge>標籤的子view新增到<merge>標籤的父view中.修改mergelayout.xml佈局,替換根節點<FrameLayout>為<merge>,如下:

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@mipmap/ic_launcher"
        android:scaleType="fitXY"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="GreenRobot"
        android:layout_marginBottom="20dp"
        android:textColor="#000"
        android:background="#22000000"
        android:padding="12dp"
        android:layout_gravity="center_horizontal|bottom"/>
</merge>
 

可以發現那個useless parent不見了,這就是達到了<merge />標籤用於減少View樹的層次來優化Android的佈局的效果.

2,<merge>標籤什麼時候用

2.1,當你發現了useless parent時,使用<merge>標籤

2.2,<merge>標籤和<include>標籤配合使用,彌補<include>標籤的不足

2.3,當建立一個自定義組合控制元件時,使用<merge>標籤

底部的兩個按鈕是一個自定義組合控制元件OkCancelBar,程式碼如下

public class OkCancelBar extends LinearLayout {
    public OkCancelBar(Context context) {
        this(context, null);
    }

    public OkCancelBar(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);

        setOrientation(HORIZONTAL);
        setGravity(Gravity.CENTER);
        setWeightSum(1.0f);

        LayoutInflater.from(context).inflate(R.layout.okcancel_bar, this, true);

        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.OkCancelBar, 0, 0);
        // 獲取xml中設定的屬性值
        String okLabel = typedArray.getString(R.styleable.OkCancelBar_okLabel);
        String cancelLabel = typedArray.getString(R.styleable.OkCancelBar_cancelLabel);
        // 獲取控制元件
        Button btnOk = (Button) findViewById(R.id.okcancelbar_ok);
        Button btnCancel = (Button) findViewById(R.id.okcancelbar_cancel);
        // 給控制元件設定值
        btnOk.setText(okLabel == null ? "Ok" : okLabel);
        btnCancel.setText(cancelLabel == null ? "Cancel" : cancelLabel);
        typedArray.recycle();
    }
}

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android">

    <include
        android:id="@+id/okcancelbar_ok"
        layout="@layout/okcancelbar_button"/>

    <include
        android:id="@+id/okcancelbar_cancel"
        layout="@layout/okcancelbar_button"/>
</merge>

<?xml version="1.0" encoding="utf-8"?>
<Button xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              xmlns:tools="http://schemas.android.com/tools"
              android:textSize="18sp"
              tools:text="AAAAA">

</Button>

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="OkCancelBar">
        <attr name="okLabel" format="string"/>
        <attr name="cancelLabel" format="string"/>
    </declare-styleable>
</resources>

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:okCancelBar="http://schemas.android.com/apk/res-auto">
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY"
        android:src="@mipmap/ic_launcher" />
    <com.android.demo.OkCancelBar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:paddingTop="8dp"
        android:gravity="center_horizontal"
        android:background="#AA000000"
        okCancelBar:okLabel="Save"
        okCancelBar:cancelLabel="Don't save" >

    </com.android.demo.OkCancelBar>
</merge>

利用monitor.bat工具,切換到Hierachy View下,檢視Tree View,截圖如下(只截取了與分析相關的內容):

如果把okcancelbar.xml根節點改為LinearLayout:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <include
        android:id="@+id/okcancelbar_ok"
        layout="@layout/okcancelbar_button"/>

    <include
        android:id="@+id/okcancelbar_cancel"
        layout="@layout/okcancelbar_button"/>
</LinearLayout>

3,使用<merge>標籤需要注意的地方

3.1,merge標籤只能作為複用佈局的root元素來使用.

3.2,當Inflate以<merge />開頭的佈局檔案時，必須指定一個父ViewGroup，並且必須設定attachToRoot為true。

參考資料:

1,http://www.tuicool.com/articles/jyyUV33

2,http://blog.csdn.net/xyz_lmn/article/details/14524567