Merge 标签与布局优化

<merge> 标签可以减少布局层级, 从而起到优化布局的作用. 因为布局太过复杂, 层级嵌套太深将会导致绘制操作耗时且增加内存的消耗.

官方说明:

The tag helps eliminate redundant view groups in your view hierarchy when including one layout within another. For example, if your main layout is a vertical LinearLayout in which two consecutive views can be re-used in multiple layouts, then the re-usable layout in which you place the two views requires its own root view. However, using another LinearLayout as the root for the re-usable layout would result in a vertical LinearLayout inside a vertical LinearLayout. The nested LinearLayout serves no real purpose other than to slow down your UI performance.

为什么要减少布局层级

---

在加载布局的时候, LayoutInflater 是通过深度优先遍历来构造视图树, 每解析到一个 View, 就会递归调用, 直到这条路径的最后一个元素, 然后再回溯过来将每一个 View 添加到父容器中. 在使用了 <include> 后可能导致布局嵌套过多, 出现不必要的 layout 节点, 从而导致解析变慢.

使用场景

---

当要复用的布局或者自定义 View 的根布局没有作用的时候都可以使用该标签减少布局层级. 比如根布局是 FrameLayout 且不需要设置其他属性, 可以用 <merge> 代替.

怎么用

---

这里举一个最简单的例子 layout_activity 布局 include layout_child 布局, 如果不使用 <merge>:

layout_activity.xml:

<FrameLayout>
    <include layout="@layout/layout_child"/>
</FrameLayout>

layout_child.xml:

<FrameLayout>
    <TextView />
    <TextView />
</FrameLayout>

那就相当于

<FrameLayout>
    <FrameLayout>
        <TextView />
        <TextView />
    </FrameLayout>
</FrameLayout>

多余的 FrameLayout 加深了布局层级. 这里我们也可以使用 Android SDK 工具箱中的 Hierarchy Viewer 来最直观的查看层级. 如果这时候 layout_child 使用 <merge>:

<merge>
    <TextView />
    <TextView />
</merge>

include 之后:

<FrameLayout>
    <TextView />
    <TextView />
</FrameLayout>

这时候就可以发现少了一个层级.

原理

---

查看 LayoutInflater 的 inflate() 的方法可以发现, 当解析遇到 <merge> 标签时, 会将它直接解析成 View，然后将其中的子 View 直接添加到父容器中去:

// 这里的 parent 就是 merge 标签的父 ViewGroup
final View view = createViewFromTag(parent, name, attrs);  
final ViewGroup viewGroup = (ViewGroup) parent;  

// 获取布局参数  
final ViewGroup.LayoutParams params = viewGroup.generateLayoutParams(attrs);  
               
// 递归解析 merge 下的每个子元素  
rInflate(parser, view, attrs, true);  
               
// 将子元素直接添加到 merge 标签的父 ViewGroup 中
viewGroup.addView(view, params);  

注意事项

---

1. 该标签只能作为复用布局/自定义 View 的 root 元素来使用.
2. 当 Inflate 以该标签开头的布局文件时, 必须指定一个父 ViewGroup, 并且必须设定 attachToRoot 为 true.

参考

---

• Android性能优化第（四）篇---Android渲染机制
• Android性能优化第（十）篇---布局优化
• Android布局优化之ViewStub、include、merge使用与源码分析