Android嵌套布局

已于 2025-01-07 09:16:32 修改
阅读量750 收藏 6
点赞数 16
分类专栏： Android开发笔记 文章标签： android
于 2025-01-07 09:11:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HierarchCharles/article/details/144977865
版权

在Android开发中，可以灵活地组合和嵌套多个布局（Layout）来实现复杂的界面。以下是一些常见的场景和使用方法：

1. 嵌套布局

在一个布局中嵌套另一个布局是非常常见的方式。例如，在一个LinearLayout中嵌套RelativeLayout：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#EEEEEE">

        <TextView
            android:id="@+id/label"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="嵌套布局示例"
            android:layout_centerInParent="true" />

    </RelativeLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮1" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮2" />
    </LinearLayout>
</LinearLayout>

这种方式将多个布局结合使用，适用于更复杂的界面。

2. <include>标签

<include>用于将一个已有的布局文件嵌入到另一个布局中。这样可以复用布局，提高代码的可维护性。

主布局文件 (activity_main.xml)：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

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

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="这是主布局内容" />

</LinearLayout>

被嵌入的布局文件 (header_layout.xml)：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:background="#CCCCCC">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="标题"
        android:layout_margin="16dp" />
</LinearLayout>

通过<include>标签，可以直接复用header_layout，简化开发。

3. <merge>标签

<merge>标签通常与<include>一起使用，用于减少布局层级。<merge>本身不会生成布局容器，而是直接将其子控件嵌入到父布局中。

被嵌入的布局 (header_layout.xml)：

<merge xmlns:android="http://schemas.android.com/apk/res/android">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="标题"
        android:layout_margin="16dp" />
</merge>

主布局文件 (activity_main.xml)：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

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

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="这是主布局内容" />
</LinearLayout>

使用<merge>可以减少不必要的布局嵌套，提高布局性能。

4. <ViewStub>懒加载布局

ViewStub用于按需加载布局，适合处理一些初始不需要显示但稍后会用到的布局。

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ViewStub
        android:id="@+id/stub"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout="@layout/hidden_layout" />
</LinearLayout>

在代码中动态加载：

ViewStub stub = findViewById(R.id.stub);
View inflatedView = stub.inflate();

5. 动态添加布局

可以在代码中动态添加多个布局。例如：

LinearLayout parentLayout = findViewById(R.id.parent_layout);

LinearLayout childLayout = new LinearLayout(this);
childLayout.setOrientation(LinearLayout.HORIZONTAL);
childLayout.setLayoutParams(new LinearLayout.LayoutParams(
        LinearLayout.LayoutParams.MATCH_PARENT,
        LinearLayout.LayoutParams.WRAP_CONTENT));

Button button = new Button(this);
button.setText("动态按钮");
childLayout.addView(button);

parentLayout.addView(childLayout);

这种方式适合需要根据运行时条件动态构建布局的场景。

选择方法

  • 使用嵌套布局可以快速构建复杂界面，但要注意避免过多层级，可能影响性能。
  • 使用<include>和<merge>可以提高代码复用性和性能。
  • 使用ViewStub和动态添加布局可以灵活应对界面需求变化。

根据具体需求选择合适的组合方式，既能提高开发效率，又能确保应用性能。

嵌套布局的事件交互

在使用嵌套布局时，如果通过<include>嵌入的header_layout.xml只是一个静态布局（不需要动态交互或修改），那么不需要为它单独写Activity或特定的Java/Kotlin代码。

但如果header_layout.xml中的控件需要绑定逻辑（如设置点击事件、动态修改内容等），你仍然可以在主布局对应的Activity中通过findViewById访问这些控件。

1. 静态嵌套布局：无需额外Java代码

如果header_layout.xml只是一个固定的静态头部布局，不需要任何逻辑处理，那么只需通过<include>引入即可，不需要额外在Activity中处理。

例如：

header_layout.xml:
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:background="#CCCCCC">

    <TextView
        android:id="@+id/header_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="静态头部"
        android:layout_margin="16dp" />
</LinearLayout>
activity_main.xml:
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

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

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="主布局内容" />
</LinearLayout>

在这种情况下，header_layout.xml中的内容是静态的，无需任何Java代码处理。

2. 动态嵌套布局：需要在主Activity中处理逻辑

如果你需要在header_layout.xml中对控件进行动态修改或绑定事件，可以通过<include>引入后，在主Activity中通过findViewById访问嵌套布局的控件。

例如：

header_layout.xml:
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:background="#CCCCCC">

    <TextView
        android:id="@+id/header_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="动态头部"
        android:layout_margin="16dp" />

    <Button
        android:id="@+id/header_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮" />
</LinearLayout>
activity_main.xml:
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <include
        android:id="@+id/header_include"
        layout="@layout/header_layout" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="主布局内容" />
</LinearLayout>
主Activity:
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 获取嵌套布局中的控件
        TextView headerTitle = findViewById(R.id.header_title);
        Button headerButton = findViewById(R.id.header_button);

        // 动态修改内容
        headerTitle.setText("更新后的标题");

        // 设置点击事件
        headerButton.setOnClickListener(v -> {
            headerTitle.setText("按钮被点击了！");
        });
    }
}

总结

  • 如果header_layout.xml只是一个静态布局（没有逻辑处理），无需在Activity中写额外的代码。
  • 如果需要对嵌套布局中的控件进行动态操作，可以通过findViewById访问这些控件，并在主Activity中实现逻辑。
  • 不需要为header_layout.xml单独创建一个Activity，只需在主Activity中处理即可。
关于Android布局你不知道的
popsmile的博客
06-19 288
Android常见的5个布局，我想大家一定不会陌生。LinearLayout、RelativeLayout和FrameLayout也是使用频率较高的布局方式，做Android开发的一定使用过。 传统的5种布局方式： LinearLayout RelativeLayout FrameLayout GridLayout TableLayout 不过我的问题并不是问面试者如何使用这些基础的布局，而是要看面试者怎么解决布局嵌套（影响性能）和屏幕适配问题。 面试题
Android嵌套布局引起卡顿
望佑
09-01 588
嵌套布局在Android开发中引起卡顿的原因和原理主要可以归结为以下几个方面：针对上述问题，可以采取以下解决方案来优化嵌套布局的性能：综上所述，通过减少布局嵌套、优化布局性能、处理滑动冲突以及资源优化等方式，可以有效地缓解或解决Android嵌套布局引起的卡顿问题。
Android 布局嵌套
yesjava的专栏
09-04 3353
本来用RelativeLayout的布局方式就很灵活，但是还是有写需求达不到。只能通过布局嵌套的方式来实现。 首先activity_main采用的是RelativeLayout布局方式，然后通过include标签引入一个LinearLayout的布局文件。 建一个xml文件，取名twobtn.xml，内容如下 xml version="1.0" encoding="utf-8"?
Android studio学习之路（三）--基本布局的使用
最新发布
lll23333l的博客
03-05 1661
Android的六大布局
Android 嵌套布局
u011691253的博客
12-05 502
Android 嵌套布局简介： 1. NestedScrollingParent接口① onStartNestedScroll(View child, View target, int nestedScrollAxes)：当nestedChild想要进行嵌套滚动时，会调用nestedParent的这个方法。这个芳法用于指示是否支持嵌套滚动，比如我们只想支持垂直方向上的嵌套滚动，可以在nestedP
Android嵌套布局初步（二）
Drama的博客
09-28 683
用嵌套布局写了个用户信息采集页面，其中还有TableLayout，算是骨架布局的一个小demo。 直接上代码<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_wid
android Activity布局初步（二）－ 嵌套布局
03-20
NULL 博文链接：https://byandby.iteye.com/blog/830048
android嵌套布局
07-28
Android Studio中的嵌套布局是指在一个布局中嵌套另一个布局，以实现更复杂的UI设计。嵌套布局可以使用LinearLayout、RelativeLayout、FrameLayout等布局来实现。在嵌套布局中，可以使用不同的布局来实现不同的UI...
android studio 布局嵌套,Android Studio实战 - 设计布局之嵌套布局
weixin_36436373的博客
05-26 2870
通过布局的嵌套可以创造出复杂的设计。如果想要美化之前的个人信息界面，可以采用 将 LinearLayout嵌入到RelativeLayout中的方法。这个布局包含一个在线状态标签和一 个描述字段。单击调板中的竖直LinearLayout,然后在预览面板中Image View的下方单击并放置它。确保工具提示显示alignParentLeft和 below=imageView。单击调板中的Plain ...
android嵌套布局实例,android项目案例3- 基于Android studio的android的fragment网页嵌套-Fun言...
weixin_33661631的博客
05-26 852
今天来介绍一下 基于Android studio的android的fragment网页嵌套说通俗一点就是在fragment中嵌入webView部件。至于效果图如下： 相信大家一看图片就明白了，底部是fragment，fragment中嵌入了webView部件，实现点击底部图片时，跳转到网页中。接下来进入正题——————》》》》》1.首先设置UI界面布局。XML文件(在LinearLayout中...
Android开发：ComposeUI如何解决布局嵌套原理解析
2401_84010165的博客
05-04 838
2. ComposeUI如何解决嵌套问题？ComposeUI规定：只允许一次测量，不允许重复测量。即每个父布局只对每个子组件测量一次，即测量复杂度变成了：O(n)。3. 为什么ComposeUI可以只允许一次测量？ComposeUI引入了：**固有特性测量(Intrinsic Measurement)。**即 Compose 允许父组件在对子组件测量前先测量子组件的“固有尺寸”，这相当于上面说的两次测量的 第一次 “粗略测量“。
Android App中的多个LinearLayout嵌套布局实例解析
01-05
在做android  UI布局时，用了LinearLayout嵌套，发现效果并不如我预料一般 查了下资料，说是要设置layout_weight属性 资料说得不是很清楚，也没仔细看，就去弄，结果越弄越混乱。 于是静下心来，自己写xml测试，发现如下。 如果LinearLayout是最外面的一层，它是不会弹出layout_weight属性的， 换句话说最外层不能用layout_weight xml布局如下 <LinearLayout xmlns:android=http://schemas.android.com/apk/res/android android:layout_width=
线性布局之嵌套布局
10-12
很多时候，线性布局需要嵌套其他布局，比如线性布局，相对布局等
Android 动态生成嵌套布局
05-30
在项目中遇到的布局问题，解决后拿出来与大家分享一下。
android中的布局--嵌套布局
08-02 9376
在同一个Activity中要实现多种不同的布局类型或者同种布局类型的不同方式，就需要用到嵌套的方式来实现。 例子程序实现： （1）整个Activity最外层采用垂直方向的LinearLayout线性布局。 （2）套用两个LinearLayout线性布局，上面的是水平方向
【3.2安卓：线性布局嵌套】
qq_59102169的博客
11-13 1126
插入按钮，背景图片，使用分屏效果，设置相应的属性参数。
Android新手之旅(10) 嵌套布局
weixin_34413103的博客
07-24 89
想在界面上放四个按钮，以2*2的形式存在，却没有办法快速实现。尝试了一下，可以用嵌套的方式，一个LinearLayout嵌套两个LinearLayout，外层的LinearLayout用纵向布局，而内部的用横向布局。 xml文件： &lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;LinearLayout xmlns:android="http...
Android 嵌套布局简析
Lighthouse
05-25 2341
前言嵌套布局是事件分发的衍生内容，理解了嵌套布局的实现方式，Md的很多效果都是毛毛雨了原文地址进入Uml 时序图形　嵌套布局实现方式，以及 5.0 中与嵌套布局有关联的组件提起嵌套布局，MD中的 CoordinatorLayout，SwipeRefreshLayout，RecyclerView 当然还有V4包下的NestedScrollView，都有直接关系，因为他们是 NestedScrollin
Android学习之布局管理器嵌套
逸凌Time
08-30 1115
线性布局管理器 （LinearLayout）里嵌套相对布局管理器（RelativeLayout） 线性布局管理器分为水平布局和垂直布局 水平布局（horizontal）：组件从左往右进行排列，所有组件占一行，每一个组件占一列 垂直布局（vertical）：组件从上到下进行排列，左右组件占一列，每一个组件占一行 相对布局管理器是按照组件的相对位置进行摆放的，我们可以指定一个组价相对于另一个组...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值