Android 子控件居中

### 实现 Android 子控件居中显示 #### 使用 LinearLayout 和 `gravity` 属性 当使用 `LinearLayout` 作为父布局时，可以通过设置 `android:gravity="center"` 来使所有子视图在其内部居中[^1]。 ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:gravity="center"> <TextView android:text="Centered Text" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </LinearLayout> ``` #### 利用 RelativeLayout 的属性 对于 `RelativeLayout`，可以利用 `android:layout_centerInParent="true"` 或者组合使用 `android:layout_centerHorizontal="true"` 和 `android:layout_centerVertical="true"` 来达到同样的目的。 ```xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 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="Click Me!" android:layout_centerInParent="true"/> </RelativeLayout> ``` #### ConstraintLayout 中心约束 在现代开发实践中推荐使用的 `ConstraintLayout` 可以通过给目标 View 设置水平和垂直方向上的中心约束来完成居中操作。 ```xml <androidx.constraintlayout.widget.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"> <ImageView android:id="@+id/imageView" android:layout_width="wrap_content" android:layout_height="wrap_content" app:srcCompat="@drawable/ic_launcher_background" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" /> </androidx.constraintlayout.widget.ConstraintLayout> ``` #### FrameLayout 下的居中方式 如果是在 `FrameLayout` 内部，则应该考虑应用 `android:layout_gravity="center"` 给具体的子元素使其位于中央位置[^3]。 ```xml <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:text="This is centered text." android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center"/> </FrameLayout> ```