如何将CardView背景设为右下角延伸的矩形形状

方法一：使用LayerList Drawable自定义背景 #

通过创建多层形状组合的Drawable，实现主体圆角矩形+右下角延伸块的效果：

1. 在res/drawable目录下创建card_custom_bg.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 主体圆角矩形 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF" />
            <corners android:radius="16dp" />
            <!-- 给延伸块预留底部/右侧空间，避免内容被遮挡 -->
            <padding android:bottom="24dp" android:right="24dp" />
        </shape>
    </item>
    <!-- 右下角延伸矩形 -->
    <item
        android:top="176dp" <!-- 按CardView高度200dp计算，200-24=176，控制纵向起始位置 -->
        android:left="256dp"> <!-- 按CardView宽度280dp计算，280-24=256，控制横向起始位置 -->
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF" />
        </shape>
    </item>
</layer-list>

2. 在布局中给CardView设置该背景：

<androidx.cardview.widget.CardView
    android:layout_width="280dp"
    android:layout_height="200dp"
    android:background="@drawable/card_custom_bg"
    app:cardElevation="8dp">
    <!-- 内部内容布局 -->
</androidx.cardview.widget.CardView>

注意：自定义背景会覆盖CardView原生的cardBackgroundColor，阴影效果需要额外通过OutlineProvider自定义轮廓，灵活性较低。

方法二：ConstraintLayout嵌套布局（更优方案） #

利用ConstraintLayout的约束特性，将CardView和单独的延伸块View组合，保留CardView原生阴影，布局调整更灵活：

<?xml version="1.0" encoding="utf-8"?>
<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="wrap_content"
    android:padding="20dp">

    <!-- 主体CardView -->
    <androidx.cardview.widget.CardView
        android:id="@+id/main_card"
        android:layout_width="280dp"
        android:layout_height="200dp"
        app:cardCornerRadius="16dp"
        app:cardElevation="8dp"
        app:cardBackgroundColor="#FFFFFF"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <!-- CardView内部内容 -->
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="Card Content" />

    </androidx.cardview.widget.CardView>

    <!-- 右下角延伸块 -->
    <View
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:background="#FFFFFF"
        android:elevation="8dp" <!-- 和CardView保持一致的阴影高度 -->
        app:layout_constraintBottom_toBottomOf="@id/main_card"
        app:layout_constraintStart_toEndOf="@id/main_card"
        app:layout_constraintTop_toBottomOf="@id/main_card" />

</androidx.constraintlayout.widget.ConstraintLayout>

优势说明： #

• 保留CardView原生阴影效果，无需手动处理轮廓
• 延伸块的大小、位置可通过约束属性快速调整
• 若需给延伸块单独设置样式（比如圆角、阴影），可独立修改该View的属性

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