如何为包含ImageView的CardView添加边框？背景被图片覆盖如何解决

你设置的边框属于CardView的背景层，而CardView内部的ImageView尺寸为MATCH_PARENT且没有内边距限制时，会完全覆盖住CardView的背景区域，自然看不到背景上的边框效果。

方法1：给CardView添加内容内边距 #

调整CardView的内容内边距，让ImageView的显示范围向内缩进，留出边框的显示空间：

• 可以直接修改你当前的shape文件，把padding值调整为等于边框宽度：

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#fff"/>
    <stroke android:width="1px" android:color="#e6e6e6" />
    <corners android:radius="20dp"/>
    <!-- 调整padding等于边框宽度 -->
    <padding android:left="1px" android:top="1px"
        android:right="1px" android:bottom="1px" />
</shape>

• 也可以直接在CardView的属性中添加app:contentPadding，同时开启裁剪保证圆角正常生效，示例代码如下：

<androidx.cardview.widget.CardView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/border_shape"
    app:contentPadding="1px"
    app:cardCornerRadius="20dp"
    android:clipToPadding="true"
    app:cardUseCompatPadding="true">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/vector_icon"/>
</androidx.cardview.widget.CardView>

方法2：将边框设置为CardView的前景 #

把你的边框shape设置为CardView的前景层，前景层会渲染在所有子View的上方，不会被ImageView覆盖：

<androidx.cardview.widget.CardView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:cardCornerRadius="20dp"
    app:cardBackgroundColor="#fff"
    <!-- 边框shape设为前景 -->
    android:foreground="@drawable/border_shape">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/vector_icon"/>
</androidx.cardview.widget.CardView>

该方案不需要调整内边距，内容可以占满CardView的全部空间，边框会浮在内容最外层展示。

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