如何在LinearLayout布局中实现CardView居中显示

问题根因 #

你当前无法实现CardView居中的核心问题是根LinearLayout的高度设置为wrap_content，布局高度仅刚好容纳内部所有控件，没有剩余垂直空间支撑居中效果，你手动加marginTop属于硬编码偏移，在不同尺寸的设备上会出现适配问题。

解决方案 #

只需要修改根布局两个属性即可实现自适应居中，不需要硬写固定margin：

1. 将根LinearLayout的android:layout_height属性从wrap_content改为match_parent，让布局占满整个屏幕高度，获得足够的居中空间
2. 给根LinearLayout添加android:gravity="center"属性，即可让内部所有子控件整体垂直+水平居中
3. 可选优化：将按钮固定宽度改为自适应写法，适配不同屏幕宽度

修改后完整代码 #

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    <!-- 核心修改1：高度占满全屏 -->
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@drawable/image"
    <!-- 核心修改2：设置子元素整体居中 -->
    android:gravity="center">

    <androidx.cardview.widget.CardView
        android:id="@+id/card_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        card_view:cardCornerRadius="4dp">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:padding="15dp">
            <Spinner
                android:id="@+id/simpleSpinner"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>

            <EditText
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:numeric="integer"
                android:maxLength="10"
                android:hint="Enter phone number"/>
        </LinearLayout>
    </androidx.cardview.widget.CardView>
    
    <Button
        android:id="@+id/buttonOTP"
        android:layout_marginTop="20dp"
        android:layout_width="match_parent"
        android:layout_marginHorizontal="40dp"
        android:layout_height="wrap_content"
        android:text="Send OTP"/>
</LinearLayout>

内容的提问来源于stack exchange，提问作者remov