<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);
注意事项
- 该标签只能作为复用布局/自定义 View 的 root 元素来使用.
- 当 Inflate 以该标签开头的布局文件时, 必须指定一个父 ViewGroup, 并且必须设定 attachToRoot 为 true.
