CardView 老是4个叫有点白边

在 Android 开发中，CardView 出现的这种“白边”或“缝隙”通常不是真的白边，而是由于两个核心机制导致的：默认阴影占位（Elevation/Shadow）和 圆角处的内边距补齐（PreventCornerOverlap）。

要彻底解决这个视觉瑕疵，可以尝试以下几种方案：

1. 消除阴影导致的占位

CardView 默认会为了显示阴影而预留空间。如果你不需要阴影，或者想手动控制边距，请将 elevation 设为 0。

• XML 属性： app:cardElevation="0dp"
• 注意： 设置为 0 后，由于没有阴影，卡片边缘可能会显得比较硬。

2. 关闭圆角重叠保护（最有效）

这是导致“白边”最常见的罪魁祸首。在 API 21 以下的系统上，为了防止卡片内容溢出圆角，CardView 会自动添加内边距。而在高版本上，这个属性依然可能导致微小的视觉缝隙。

• XML 属性： app:cardPreventCornerOverlap="false"
• 原理： 设置为 false 后，CardView 不会再为了圆角防重叠而额外添加内边距，内容会紧贴边缘。

3. 处理内边距（Padding）

CardView 还有一个默认属性 cardUseCompatPadding。如果开启了它，为了在不同系统版本间保持一致，它会强行计算阴影空间，导致即便在不需要阴影时也有留白。

• XML 属性： app:cardUseCompatPadding="false"

4. 终极代码示例

如果你希望卡片内容完全铺满、不留任何缝隙，请按照以下配置：

XML

<androidx.cardview.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardElevation="0dp"
    app:cardMaxElevation="0dp"
    app:cardUseCompatPadding="false"
    app:cardPreventCornerOverlap="false"
    app:contentPadding="0dp">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:scaleType="centerCrop"
        android:src="@drawable/your_image" />

</androidx.cardview.widget.CardView>

💡 进阶避坑指南

• 背景色冲突： 检查 app:cardBackgroundColor 是否设置正确。有时是因为卡片底色是白色，而你的子视图没铺满，露出了底色。
• 图片缩放： 如果卡片里放的是 ImageView，确保设置了 android:scaleType="centerCrop"，否则图片比例不对也会留下背景底色。