Android布局优化：include-、merge、ViewStub的详细总结

很简单，就是一个登录的Button。

项目中有登录功能的UI界面如下：

activity_login.xml:

同样非常简单，运行程序，如下：

看起来没什么问题，其实不知不觉中我们多嵌套了一层布局。我们用工具查看一下此时布局结构：

除去系统布局，我们自己布局最外层是LinearLayout，然后两个并列布局EditText与LinearLayout，在LinearLayout里面是Button登录按钮。

其实这种情况下：在主界面中，<include>标签的parent ViewGroup与包含的layout根容器ViewGroup是相同的类型，这里都是LinearLayout，那么则可以将包含的layout根容器ViewGroup使用<merge>标签代替，从而减少一层ViewGroup的嵌套，提升UI渲染性能。

这里我们把activity_login.xml修改如下：

<?xml version="1.0" encoding="utf-8"?>

重新运行程序UI和上面一样效果，通过工具再次查看布局结构;

看到了吧，我们自己布局减少了一层嵌套，从而提升了UI的渲染速度。

merge标签使用注意点：

1,根布局是FrameLayout且不需要设置background或padding等属性,可以用merge代替,因为Activity的ContentView父元素就是FrameLayout,所以可以用merge消除只剩一个.

2,因为merge标签并不是View,所以在通过LayoutInflate.inflate()方法渲染的时候,第二个参数必须指定一个父容器,且第三个参数必须为true,也就是必须为merge下的视图指定一个父亲节点.由于merge不是View所以****对merge标签设置的所有属性都是无效的.

LayoutInflate中源码体现：

public View inflate(XmlPullParser parser, @Nullable ViewGroup root, boolean attachToRoot) {
synchronized (mConstructorArgs) {

…

if (TAG_MERGE.equals(name)) {
if (root == null || !attachToRoot) {
throw new InflateException(" can be used only with a valid "

• “ViewGroup root and attachToRoot=true”);
  }

rInflate(parser, root, inflaterContext, attrs, false);
}
…
}
}

3,merge标签必须使用在根布局，并且ViewStub标签中的layout布局不能使用merge标签.

###三、ViewStub的用法以及注意点

ViewStub也可以用来加载布局文件，但与include标签完全不同。ViewStub是一个不可见的View类，用于在运行时按需懒加载资源，只有在代码中调用了viewStub.inflate()或者viewStub.setVisible(View.visible)方法时才内容才变得可见。这里需要注意的一点是，当ViewStub被inflate到parent时，ViewStub就被remove掉了，即当前view hierarchy中不再存在ViewStub，而是使用对应的layout视图代替。

同样我们通过一个小demo说明一下，比如我们需要保存一个用户信息，用户名是必须保存的，但是其余信息是不必要的，这是其余信息就可以一开始不显示出来，用户想输入的时候在现实出来。

其余信息布局如下：

otherinfo.xml:

<?xml version="1.0" encoding="utf-8"?>

很简单，没什么其余解释的，主界面布局如下：

activity_main.xml:

其余信息界面通过ViewStub引入进来，关于ViewStub主要属性以及方法说明如下：

android:layout属性
加载包含的layout布局文件；

android:inflatedId属性
重写包含的layout布局文件的根容器id；

inflate()方法
与setVisible(int)方法作用类似，都可以使内容得以显示，只是inflate()会返回一个View对象，避免了额外使用findViewById()方法获取layout视图对象。

activity中代码如下：

public void show(View view){
//
ViewStub stub = ((ViewStub) findViewById(R.id.viewstub));
if(stub!=null){
View stubView = stub.inflate();
EditText address = (EditText) stubView.findViewById(R.id.address_id);
EditText wechatId = (EditText) stubView.findViewById(R.id.weichat_id);
}
}

好了，运行程序，一开始如下：

点击显示按钮，UI如下：

ViewStub标签使用注意点：

1，ViewStub标签不支持merge标签。因此这有可能导致加载出来的布局存在着多余的嵌套结构，具体如何去取舍就要根据各自的实际情况来决定了。
2，ViewStub的inflate只能被调用一次,第二次调用会抛出异常。
3，虽然ViewStub是不占用任何空间的，但是每个布局都必须要指定layout_width和layout_height属性，否则运行就会报错。

好了，以上就是个人对于include 、merge、ViewStub使用的总结，希望对你有用，即使已经掌握，希望读完此文能温故知新。

如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。谢谢。

最后针对Android程序员，我这边给大家整理了一些资料，包括不限于高级UI、性能优化、移动架构师、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！

需要展开的架构学习笔记导图的加群免费获取 Android架构设计大群（185873940）

PS：群内有许多技术大牛，高手如云，有任何问题，欢迎广大网友一起来交流，群内还不定期免费分享高阶Android学习视频资料和面试资料包~

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！