Android CardView内部布局重叠求助：如何解决菜单选项卡片重叠问题？

我正在制作一个展示菜单不同选项的CardView，但卡片内的布局出现了重叠情况。之前成功实现过该功能，但因电脑故障丢失项目，现在参照教程复刻却无法复现正常效果。

相关XML代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/purple"
    android:orientation="vertical"
    tools:context=".MainMenu">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="0.85"
        android:background="@drawable/userpanel">

    </RelativeLayout>

    <androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="0.3 " >

        <LinearLayout
            android:background="@drawable/cardcontainer"
            android:layout_width="match_parent"
            android:layout_height="150dp"
            android:orientation="vertical">
        </LinearLayout>

        <LinearLayout
            android:background="@drawable/cardcontainer"
            android:layout_width="match_parent"
            android:layout_height="150dp"
            android:orientation="vertical">
        </LinearLayout>
        </androidx.cardview.widget.CardView>
</LinearLayout>

问题表现：CardView内的两个LinearLayout完全重叠在一起。

问题原因 #

• CardView的布局特性：CardView继承自FrameLayout，FrameLayout的子控件默认会在左上角重叠排列，直接在CardView下放置多个LinearLayout必然会重叠。
• 外层LinearLayout的weight使用错误：外层是垂直方向的LinearLayout，子控件设置layout_height="match_parent"再搭配layout_weight，会导致布局计算异常，CardView的高度可能超出预期。
• CardView的weight值有多余空格：android:layout_weight="0.3 "末尾的空格可能导致系统解析权重值出错。

修复方案 #

1. 在CardView内部添加一个垂直方向的LinearLayout作为容器，将两个子LinearLayout放入其中，让它们垂直排列。
2. 修正外层LinearLayout子控件的layout_height为0dp，这样layout_weight才能正确分配剩余空间。
3. 去掉CardView权重值末尾的空格。

修复后的完整代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/purple"
    android:orientation="vertical"
    tools:context=".MainMenu">

    <!-- 修正layout_height为0dp，配合weight分配空间 -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="0.85"
        android:background="@drawable/userpanel">

    </RelativeLayout>

    <androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="0.3" >

        <!-- 添加垂直LinearLayout作为容器，避免子控件重叠 -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:padding="8dp"
            android:gap="8dp">

            <LinearLayout
                android:background="@drawable/cardcontainer"
                android:layout_width="match_parent"
                android:layout_height="150dp"
                android:orientation="vertical">
            </LinearLayout>

            <LinearLayout
                android:background="@drawable/cardcontainer"
                android:layout_width="match_parent"
                android:layout_height="150dp"
                android:orientation="vertical">
            </LinearLayout>
        </LinearLayout>
    </androidx.cardview.widget.CardView>
</LinearLayout>

额外优化 #

可以给内部容器LinearLayout添加android:gap属性（API 29+）或给子控件设置android:layout_margin，让两个菜单选项之间保持间距，提升视觉效果。

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