Android中CardView内ImageView无法匹配，存在边距问题

我之前也碰到过类似的情况，CardView里的ImageView总是有莫名的小间距，大概率是这几个原因导致的，咱们一步步来解决：

1. 先处理CardView的默认内边距 #

CardView为了适配阴影效果，默认会在布局中添加内边距（尤其是在Android 5.0以下的设备上），这是最常见的原因。你需要给外层的CardView添加这两个属性：

<androidx.cardview.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardUseCompatPadding="true"
    app:cardPreventCornerOverlap="false"
    <!-- 如果不需要阴影，可以直接去掉 elevation 彻底消除间距 -->
    app:cardElevation="0dp"
    app:maxCardElevation="0dp">

    <!-- 你的RelativeLayout布局代码放在这里 -->
</androidx.cardview.widget.CardView>

• cardUseCompatPadding：让CardView在不同版本系统上使用一致的内边距
• cardPreventCornerOverlap：避免CardView的圆角和内部控件重叠，同时也会去掉一部分默认内边距

2. 确保父布局没有额外的padding #

检查你的relative_two这个RelativeLayout，虽然你的代码里没设置padding，但可以显式加上android:padding="0dp"，防止系统或者主题默认添加了内边距：

<RelativeLayout
    android:id="@+id/relative_two"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="0dp">

    <!-- ImageView和TextView放在这里 -->
</RelativeLayout>

3. 调整ImageView和Picasso的加载配置 #

你的ImageView设置了adjustViewBounds="true"和scaleType="fitXY"，再配合Picasso的fit()方法，可能会导致图片没有完全填满控件。可以试试这两个调整：

修改ImageView属性 #

把scaleType="fitXY"改成scaleType="centerCrop"，这样图片会按比例填满ImageView，不会拉伸变形，同时保持边缘对齐：

<ImageView
    android:id="@+id/image_product_imageview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true"
    android:scaleType="centerCrop" />

优化Picasso加载代码 #

在Picasso的链式调用里加上centerCrop()，确保图片完全适配ImageView的尺寸：

Picasso.with(context)
    .load(productsModelList.getPictureUrl())
    .placeholder(AppCompatDrawableManager.get().getDrawable(context, R.drawable.placeholder_pictures))
    .fit()
    .centerCrop()
    .into(image_product_imageview);

如果还是有问题，可以尝试去掉adjustViewBounds="true"，因为fit()方法已经会根据ImageView的尺寸调整图片大小，这个属性可能会产生冲突。

按照这几步调整下来，应该就能消除那些莫名的2-3dp间距了。

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