1. 线性布局(LinearLayout)
特点:
- 控件按照垂直或水平方向排列。
- 控件之间可以设置间距。
- 控件的权重(weight)属性可以决定控件在可用空间中的占比。
适用场景:
- 简单的垂直或水平排列的UI组件。
- 需要等间距或按比例分配空间的场景。
示例代码:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Button 1" />
<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Button 2" />
</LinearLayout>
2. 约束布局(ConstraintLayout)
特点:
- 灵活的布局方式,可以处理复杂的UI设计。
- 通过约束来定义控件之间的相对位置和大小。
- 适用于大型和复杂的布局,可以提高布局性能。
适用场景:
- 需要精细控制控件位置和大小的复杂UI设计。
- 需要提高布局性能的场景。
示例代码:
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
3. 表格布局(TableLayout)
特点:
- 将控件组织成行和列的表格形式。
- 适用于需要展示表格数据的场景。
适用场景:
- 需要展示行列数据的场景,如简单的表格视图。
示例代码:
<TableLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Header 1" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Header 2" />
</TableRow>
</TableLayout>
4. 帧布局(FrameLayout)
特点:
- 所有控件都放置在屏幕的左上角,并层层叠加。
- 控件可以设置重力(gravity)属性来改变其在帧布局中的位置。
适用场景:
- 简单的重叠布局,如加载覆盖层或对话框。
- 需要将多个视图重叠显示的场景。
示例代码:
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/background" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="Hello, FrameLayout!" />
</FrameLayout>
5. 相对布局(RelativeLayout)
特点:
- 控件的位置相对于其他控件或父布局来确定。
- 控件可以设置与其他控件的相对位置(如左对齐、右下方等)。
适用场景:
- 需要根据其他控件位置来定位控件的场景。
- 灵活的布局方式,适用于复杂的UI
示例代码:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 1"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"/>
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 2"
android:layout_below="@id/button1"
android:layout_toRightOf="@id/button1"/>
</RelativeLayout>