本文基于 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.帧布局:用于层叠显示
- 实际开发中,更多推荐使用 ConstraintLayout,但理解这四种基础布局非常重要。