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

最新推荐文章于 2025-06-04 06:59:15 发布

whale_kyle

最新推荐文章于 2025-06-04 06:59:15 发布

阅读量390

点赞数

CC 4.0 BY-SA版权

分类专栏： android 移动互联网 Android开发 Android程序员布局优化 include merge ViewStub 文章标签： Android

本文链接：https://blog.youkuaiyun.com/whale_kyle/article/details/91403740

本文详细介绍了Android布局优化中的include、merge和ViewStub的用法及注意事项。通过实例展示了如何使用它们来提高布局重用性和性能，强调了减少布局嵌套对UI渲染性能的影响，并指出了各种标签的使用限制和最佳实践。

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

一、include的用法以及注意点

在开发Android布局时，我们常将一些通用的视图提取到一个单独的layout文件中，然后使用<include>标签在需要使用的其他layout布局文件中加载进来，比如我们自己App导航栏等。这样，便于对相同视图内容进行统一的控制管理，提高布局重用性。

下面我们以大部分项目中都有的头部导航栏为例，说明一下include的使用，比如我们项目自己统一头部导航栏，抽取布局如下：

titlebar.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    
     <Button  
        android:id="@+id/back"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_alignParentLeft="true"  
        android:layout_centerVertical="true"  
        android:text="返回按钮" />  
  
    <TextView  
        android:id="@+id/title"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_centerInParent="true"  
        android:text="提示文字"  
        android:textSize="20sp" />  
  
    <Button  
        android:id="@+id/close"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_alignParentRight="true"  
        android:layout_centerVertical="true"  
        android:text="关闭按钮" />  

</RelativeLayout>

很简单，就是左右各一个按钮，中间是一个提示文字。使用也比较简单，如下：

activity_main.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="${relativePackage}.${activityClass}" >

    <include
        android:layout_width="match_parent"
        android:layout_height="40dp"
        layout="@layout/titlebar" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:onClick="click"
        android:text="点我。。。" />

</RelativeLayout>

include标签使用还是很简单的，主要通过layout属性声明要引入的布局即可。运行程序界面如下：