【Android studio六大基本布局详解——详细讲解】_android 布局介绍

1. 介绍

在Android开发中，布局是一种定义用户界面（UI）的XML文件，它作为视图对象（View）和视图组（ViewGroup）的容器，用来确定应用界面的结构。以下是Android Studio中六大基本布局的详解：

2. Linear Layout（线性布局）

LinearLayout 将其子视图在线性方向上依次排列，可以是垂直（vertical）或水平（horizontal）方向。子视图在分配空间时会考虑到 android:layout_weight 属性，从而在一定比例上分配剩余空间。

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    
    <!-- 子视图在这里垂直排列 -->
</LinearLayout>
1
2
3
4
5
6
7

3. Relative Layout（相对布局）

RelativeLayout 允许子视图相对于彼此或父布局进行定位。你可以指定一个视图的顶部对齐另一个视图的底部，或者让一个视图与另一个视图的左边对齐等。

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <!-- 子视图相对于彼此或父视图定位 -->
</RelativeLayout>
1
2
3
4
5
6

4. Constraint Layout（约束布局）

ConstraintLayout 是一个灵活的布局管理器，它允许你通过约束将UI元素放置在界面上的任何位置。约束是一种规则，用于建立一个视图与其他视图或父布局之间的关系。ConstraintLayout 对于建立复杂的布局非常有用，且执行效率高。

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <!-- 子视图之间通过约束进行定位 -->
</androidx.constraintlayout.widget.ConstraintLayout>
1
2
3
4
5
6

5. Frame Layout（帧布局）

FrameLayout 是一个简单的布局，用于在屏幕上定位子视图，子视图会堆叠起来排列。通常用于摆放需要重叠的视图，或者作为其他复杂布局的容器。

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <!-- 子视图重叠排列 -->
</FrameLayout>
1
2
3
4
5
6

6. Absolute Layout（绝对布局）

AbsoluteLayout 允许你通过指定确切的X、Y坐标来确定每个子视图的位置。由于它不够灵活，不支持多种屏幕尺寸和密度，通常不推荐使用。

<AbsoluteLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <!-- 子视图通过绝对位置排列，不推荐使用 -->
</AbsoluteLayout>
1
2
3
4
5
6

7. Table Layout（表格布局）

TableLayout 用于排列视图成为网格形式。TableLayout 里的每个子视图都必须是 TableRow 对象。每个 TableRow 可以定义一个行，视图将作为列放置。

<TableLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <TableRow>
        <!-- 单元格视图 -->
    </TableRow>
    <!-- 更多的 TableRow -->
</TableLayout>
1
2
3
4
5
6
7
8
9

8. 使用提示

• 每种布局都有各自特定的用途和特点，合适的布局选择能有效提升界面性能和用户体验。
• 新版本的 ConstraintLayout 结合 LinearLayout 和 RelativeLayout 的优点，给出了更强大的性能和及为灵活的布局方式。
• 在选择布局时要考虑布局的复杂性和后期维护的方便性。
• 在适用的情况下，使用简单的布局结构可以提升应用性能。
• 使用 ConstraintLayout 结合布局编辑器的可视化特性，可以更直观方便地进行布局设计。