如何让使用GridLayoutManager（spanCount=2）的RecyclerView居中显示？

我来帮你搞定这个RecyclerView居中的问题～ 看了你的代码，主要是外层容器和RecyclerView的布局属性没配合好，再加上Item的布局和间距调整，就能实现你想要的居中效果了。下面是具体的修改步骤：

1. 调整Activity布局，让RecyclerView容器支持居中 #

首先修改activity_main.xml的LinearLayout和RecyclerView属性，让RecyclerView能在屏幕中间显示：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center" <!-- 添加这个属性，让子View居中 -->
    tools:context=".MainActivity">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/activityMain_recyclerView"
        android:layout_width="wrap_content" <!-- 从match_parent改成wrap_content -->
        android:layout_height="wrap_content" <!-- 从match_parent改成wrap_content -->
        app:layoutManager="androidx.recyclerview.widget.GridLayoutManager"
        app:spanCount="2"/>
</LinearLayout>

2. 优化MainActivity中的RecyclerView配置 #

在代码里显式设置GridLayoutManager并开启自动测量，同时添加Item间距装饰，让整个列表的左右留白相等：

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        cardView()
    }

    private fun cardView() {
        val adapterReference = GroupAdapter<GroupieViewHolder>()
        // 显式创建GridLayoutManager并开启自动测量，支持wrap_content
        val gridLayoutManager = GridLayoutManager(this, 2).apply {
            isAutoMeasureEnabled = true
        }
        activityMain_recyclerView.layoutManager = gridLayoutManager
        activityMain_recyclerView.adapter = adapterReference

        // 添加Item间距装饰，让列表左右两侧间距相等，实现整体居中
        val spacing = resources.getDimensionPixelSize(R.dimen.card_spacing) // 先在dimens.xml定义card_spacing，比如16dp
        activityMain_recyclerView.addItemDecoration(object : RecyclerView.ItemDecoration() {
            override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
                val position = parent.getChildAdapterPosition(view)
                val column = position % 2
                // 计算左右间距，保证左右两侧总间距相等
                outRect.left = spacing - column * spacing / 2
                outRect.right = (column + 1) * spacing / 2
                outRect.top = spacing
                outRect.bottom = spacing
            }
        })

        // 批量添加Item（用repeat更简洁）
        repeat(9) {
            adapterReference.add(CardViewGroup())
        }
    }
}

class CardViewGroup() : Item<GroupieViewHolder>() {
    override fun getLayout(): Int {
        return R.layout.layout_card_view
    }

    override fun bind(viewHolder: GroupieViewHolder, position: Int) {
        // 可以在这里给Card设置内容，比如TextView的文本
        viewHolder.itemView.findViewById<TextView>(R.id.card_text)?.text = "Card ${position + 1}"
    }
}

3. 确保Item布局（layout_card_view）内容居中 #

最后检查你的layout_card_view.xml，保证Card内部的内容是居中的，示例如下：

<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="150dp" <!-- 设置固定宽高，或者wrap_content -->
    android:layout_height="150dp"
    app:cardCornerRadius="8dp"
    app:cardElevation="4dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center" <!-- 让内部内容居中 -->
        android:orientation="vertical">

        <TextView
            android:id="@+id/card_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="16sp"
            android:textColor="@android:color/black"/>

    </LinearLayout>

</androidx.cardview.widget.CardView>

额外注意事项 #

• 确保你的androidx.recyclerview:recyclerview依赖版本在1.2.0及以上，这样GridLayoutManager才能很好地支持wrap_content
• 如果不需要固定Card宽高，也可以用wrap_content，但要保证每个Card的大小一致，这样居中效果更整齐

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