Android布局优化之include、merge 、ViewStub使用

置顶天若子

已于 2022-01-25 14:39:40 修改

阅读量2.3k

点赞数

分类专栏： android 文章标签： android ui

于 2022-01-25 14:30:05 首次发布

本文链接：https://blog.youkuaiyun.com/zhukui66/article/details/122683898

版权

android 专栏收录该内容

32 篇文章

订阅专栏

本文详细介绍了Android应用开发中三种布局技巧：include、merge及ViewStub的使用方法与注意事项，帮助开发者更好地掌握布局优化策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

布局准备

test.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/tv_test"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="test"
        android:textColor="@android:color/black"
        android:textSize="13sp" />

</LinearLayout>

1.include使用

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="test_include"
        android:textColor="@android:color/black"
        android:textSize="13sp" />

    <include layout="@layout/test" />

</LinearLayout>

页面会直接展示出垂直方向的文字：

test_include

test

2.merge使用

test_merge.xml

<merge xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="test_merge"
        android:textColor="@android:color/black"
        android:textSize="13sp" />
</merge>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="test_include"
        android:textColor="@android:color/black"
        android:textSize="13sp" />

    <include layout="@layout/test_merge" />

</LinearLayout>

页面会直接展示出垂直方向的文字：

test_include

test_merge

merge使用注意点：

merge必须放在布局文件的根节点上，对merge设置的所有属性都无效
merge并不是一个ViewGroup，也不是一个View，它相当于声明了一些视图，等待被添加。
因为merge标签并不是View，所以在通过LayoutInflate.inflate方法渲染的时候，第二个参数必须指定一个父容器，且第三个参数必须为true，也就是必须为merge下的视图指定一个父亲节点。
merge标签被添加到父容器后，merge下的所有视图将被添加到父容器下，即merge下所有视图都会遵循父容器的布局规则

3.ViewStub

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="test_view_stub"
        android:textColor="@android:color/black"
        android:textSize="13sp" />

    <ViewStub
        android:id="@+id/vs_test"
        layout="@layout/test"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

页面在预览时候仅会展示出test_view_stub，不会展示test。

 ViewStub viewStub = findViewById(R.id.vs_test);
 if (viewStub != null) {
     //viewStub.setVisibility(View.VISIBLE);
     View inflated = viewStub.inflate();
     View view = inflated.findViewById(R.id.tv_test);
 }

代码中执行完 viewStub.inflate() 或 viewStub.setVisibility(View.VISIBLE) 后，ViewStub标签下的布局才会显示出来，viewStub.inflate()不执行，页面不会展示也不会绘制ViewStub标签下的布局。