android studio各种布局

### 不同类型的布局及其使用方法 #### LinearLayout（线性布局） LinearLayout 是一种简单的布局管理器，它按照垂直或水平方向排列子视图。通过设置 `android:orientation` 属性可以选择排列的方向。 ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <!-- 子视图 --> </LinearLayout> ``` 这种布局适合用于简单界面的设计，在其中所有的控件都按顺序依次排列[^3]。 #### RelativeLayout（相对布局） RelativeLayout 让开发者能够基于其他视图或者父容器的位置来定位子视图。这使得复杂而灵活的UI设计成为可能。 ```xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Text 1"/> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/textView1" android:text="Click Me"/> </RelativeLayout> ``` 此布局允许更复杂的视觉结构，并且可以减少嵌套层次，提高性能。 #### FrameLayout（帧布局） FrameLayout 提供了一个空白区域用来放置单个子元素，默认情况下会将所有添加到该布局中的子项堆叠在一起显示于左上角位置。 ```xml <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <!-- 单一主要子视图 --> </FrameLayout> ``` 适用于需要叠加多个视图的情况，比如实现背景图片之上覆盖一层透明遮罩效果等场景。 #### ConstraintLayout（约束布局） ConstraintLayout 可以让开发者创建非常复杂的布局而不必担心效率问题。利用强大的属性定义各个组件之间的关系以及相对于屏幕边缘的关系。 ```xml <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/textView" android:layout_width="0dp" android:layout_height="wrap_content" app:layout_constraintTop_toTopOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent" android:text="Hello World!"/> </android.support.constraint.ConstraintLayout> ``` 这是目前推荐使用的高级布局方案之一，因为它提供了极大的灵活性和优化后的渲染速度。 #### TableLayout（表格布局） TableLayout 将其内部的内容组织成行和列的形式展示出来。每一行由一个 TableRow 组件表示；每个单元格则对应着一行内的某个 View 或者 ViewGroup 对象。 ```xml <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <TableRow> <TextView android:text="Row 1, Column 1"/> <TextView android:text="Row 1, Column 2"/> </TableRow> <TableRow> <TextView android:text="Row 2, Column 1"/> <TextView android:text="Row 2, Column 2"/> </TableRow> </TableLayout> ``` 当数据具有明显的行列特征时非常适合采用此类布局形式[^2]。 #### GridLayout（网格布局） GridLayout 能够轻松地把 UI 控件按照指定数量的行数和列数组织起来形成矩阵样式。相比起传统的 TableLayout 来说更加简洁明了。 ```xml <GridLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:columnCount="2" android:rowCount="2"> <TextView /> <TextView /> <TextView /> <TextView /> </GridLayout> ``` 对于那些希望快速搭建出整齐有序的小部件阵列的应用来说是非常理想的选择。