Android RecyclerView 3列网格首尾对齐等间距居中实现方案

你当前的实现存在3个核心问题，无法稳定满足对齐要求：

• 硬编码item位置判断列属性，当item总数超过6个时逻辑直接失效
• 列表项写死90dp固定宽度，不同屏幕宽度下剩余空间无法被列间距平分，无法保证第三列贴边、中间列居中
• 列表项自带layout_marginBottom和ItemDecoration的边距叠加，会导致行间距和列间距不一致，上下边距计算错误

正确实现步骤 #

1. 修改列表项布局 #

移除列表项的固定宽度、自带的底部margin，宽度改为match_parent，交给GridLayoutManager和ItemDecoration控制尺寸和间距：

<com.google.android.material.card.MaterialCardView
    android:id="@+id/card_menu_access_home"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:paddingHorizontal="15dp"
    android:paddingVertical="17dp">

    <androidx.appcompat.widget.LinearLayoutCompat
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center">

        <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/imageViewCellRWHAccessHome"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic__close"/>

        <TextView
            android:id="@+id/textViewCellRWHAccessHome"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Text here"
            android:layout_marginTop="10dp"
            android:fontFamily="@font/roboto_medium"
            android:lines="2"
            android:textSize="12sp"
            android:textAlignment="center"/>

    </androidx.appcompat.widget.LinearLayoutCompat>

</com.google.android.material.card.MaterialCardView>

2. 替换自定义ItemDecoration #

使用通用网格间距计算逻辑，无需硬编码item位置，自动适配任意行数的3列网格，保证第一列贴父布局左边缘、第三列贴父布局右边缘、中间列居中、列/行间距完全相等：

class GridEqualSpacingItemDecoration(
    private val spanCount: Int,
    private val spacing: Int
) : RecyclerView.ItemDecoration() {

    override fun getItemOffsets(
        outRect: Rect,
        view: View,
        parent: RecyclerView,
        state: RecyclerView.State
    ) {
        val position = parent.getChildAdapterPosition(view)
        // 自动计算当前item所属列，兼容任意item总数
        val column = position % spanCount

        // 计算左右偏移：第一列左偏移0、右偏移半倍间距；中间列左右各半倍间距；第三列左偏移半倍间距、右偏移0
        outRect.left = column * spacing / (spanCount - 1)
        outRect.right = spacing - (column + 1) * spacing / (spanCount - 1)

        // 计算上下偏移：第一行无顶部偏移，其余行顶部加间距作为行间距
        if (position >= spanCount) {
            outRect.top = spacing
        }
    }
}

3. 绑定ItemDecoration到RecyclerView #

你现有的RecyclerView布局代码无需修改，只要替换原来的ItemDecoration初始化逻辑即可。注意间距值建议用dp转px保证不同屏幕下显示一致：

// 将22dp转为对应屏幕的px值，避免不同dpi下间距大小错乱
val spacingPx = TypedValue.applyDimension(
    TypedValue.COMPLEX_UNIT_DIP,
    22f,
    resources.displayMetrics
).toInt()

recyclerViewAccessHome.addItemDecoration(
    GridEqualSpacingItemDecoration(spanCount = 3, spacing = spacingPx)
)

内容的提问来源于stack exchange，提问作者Ciro González