Android开发：如何缩小RecyclerView内CardView间的间距？

Hey there! I totally get how frustrating it is when your RecyclerView's CardViews have way too much space between them—getting that tight, Google-feed-style layout is totally doable. Let's walk through the most reliable fixes that usually solve this issue:

1. 排查并调整RecyclerView的ItemDecoration #

More often than not, extra spacing comes from an ItemDecoration you added (or even a default one).

• If you've already set a custom ItemDecoration, double-check the getItemOffsets method—make sure the values for top/bottom/left/right aren't set too high.
• If you're using a default Decoration, try removing it first to test:

// Remove the first default ItemDecoration (if present)
recyclerView.removeItemDecorationAt(0)

• Or create a precise, custom ItemDecoration to control spacing exactly how you want:

class CompactCardSpacing(private val spacingDp: Int) : RecyclerView.ItemDecoration() {
    override fun getItemOffsets(
        outRect: Rect,
        view: View,
        parent: RecyclerView,
        state: RecyclerView.State
    ) {
        val spacingPx = TypedValue.applyDimension(
            TypedValue.COMPLEX_UNIT_DIP,
            spacingDp.toFloat(),
            parent.resources.displayMetrics
        ).toInt()
        
        val position = parent.getChildAdapterPosition(view)
        outRect.left = spacingPx
        outRect.right = spacingPx
        outRect.bottom = spacingPx
        
        // Only add top spacing to the first item to avoid extra top padding
        outRect.top = if (position == 0) spacingPx else 0
    }
}

// Add it to your RecyclerView with a small spacing (like 8dp)
recyclerView.addItemDecoration(CompactCardSpacing(8))

2. 调整CardView自带的内边距设置 #

CardView有两个容易被忽略的属性，经常会导致意外的间距：cardUseCompatPadding和cardPreventCornerOverlap。把它们加到你的CardView布局里：

<androidx.cardview.widget.CardView
    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:layout_margin="4dp" <!-- 这里设置一个小的外边距 -->
    app:cardUseCompatPadding="false"
    app:cardPreventCornerOverlap="false"
    app:cardElevation="2dp"> <!-- 保持阴影柔和，贴合信息流的清爽风格 -->

    <!-- 你的Card内容放在这里 -->
</androidx.cardview.widget.CardView>

另外也要检查CardView内部的根布局，如果它的内边距设置过大，也会让整个卡片看起来间距很宽。

3. 确认RecyclerView布局管理器的设置 #

如果你用的是LinearLayoutManager，确保没有不小心添加额外的间距参数。如果是GridLayoutManager，要保证列数和间距的计算匹配（别把列间距设得太大），除非有特殊需求，否则保持默认的对齐方式就好。

4. 检查主题样式带来的影响 #

有时候应用的全局主题会给CardView设置默认的内边距/外边距。你可以给CardView强制设置一个紧凑的Material样式：

style="@style/Widget.MaterialComponents.CardView"

或者如果需要更精细的控制，自定义一个样式：

<style name="MyCompactCard" parent="Widget.MaterialComponents.CardView">
    <item name="cardPadding">0dp</item>
    <item name="cardElevation">2dp</item>
</style>

先试试这些步骤——通常ItemDecoration或者CardView的兼容内边距设置是问题的根源。如果还是有问题，欢迎分享你的布局代码，我可以帮你进一步排查！

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