Android 四大常用布局详解

0 阅读2分钟

本文基于 Android Studio 实践项目,对四种常见布局进行讲解,并附上运行说明与对比分析。适合初学 Android UI 布局的同学。

开发环境:

Android Studio

Android SDK(API 33/34)

一、实验说明

1.相对布局(RelativeLayout)

2.线性布局(LinearLayout)

3.表格布局(TableLayout)

4.帧布局(FrameLayout)

二、相对布局(RelativeLayout)

1 概念

相对布局通过 控件之间的相对位置关系 来布局。

2 核心属性

android:layout_below
android:layout_toRightOf
android:layout_alignParentTop

3 示例代码

​编辑

4 运行结果

​编辑


5 特点总结

1.灵活控制位置

2.适合复杂界面

3.代码可读性稍差


三、线性布局(LinearLayout)

1 概念

线性布局是最基础的布局方式,它会按照 水平或垂直方向依次排列子控件

2 核心属性

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

3 示例代码

​编辑

4 运行结果

​编辑

5 特点总结

1.简单直观

2.常用于列表、表单

3.支持权重分配

四、表格布局(TableLayout)

1 概念

表格布局类似 HTML 表格,以 行和列 形式排列控件。


2 核心结构

<TableLayout>
    <TableRow>
        <TextView/>
        <TextView/>
    </TableRow>
</TableLayout>

3 示例代码

​编辑

4 运行结果

****​编辑

5 特点总结

1.适合表单界面

2.自动对齐列

3.不适合复杂 UI

五、帧布局(FrameLayout)

1 概念

帧布局会 将所有子控件叠加显示(层叠)


2 示例代码

​编辑


3 运行结果

​编辑

4特点总结

1.控件叠加显示

2.常用于 Fragment 容器

3.适合简单层叠结构


六、四种布局对比总结

布局特点使用场景
LinearLayout线性排列列表、按钮组
RelativeLayout相对定位复杂界面
TableLayout表格结构表单
FrameLayout层叠显示Fragment、叠加效果

七、总结

本实验通过 4 个项目,掌握了 Android 中最基础的布局方式:

1.线性布局:最常用,简单直观

2.相对布局:灵活但复杂

3.表格布局:适合数据录入

4.帧布局:用于层叠显示

  1. 实际开发中,更多推荐使用 ConstraintLayout,但理解这四种基础布局非常重要。