如何实现RecyclerView前两行2个Item、后续行3个Item的自定义布局？

DevOps 小满

2026-7-16

实现RecyclerView前两行2个Item、后续每行3个Item的布局方案

核心实现思路

不用自定义GridLayoutManager或ItemDecoration，直接利用原生GridLayoutManager的SpanSizeLookup接口，通过动态设置每个Item的跨度占比来实现需求。我们选择2和3的最小公倍数6作为总跨度数，这样：

前4个Item（对应前两行，每行2个）每个占3个跨度（6/2=3）
后续所有Item每个占2个跨度（6/3=2）

Kotlin 示例代码

val recyclerView = findViewById<RecyclerView>(R.id.recyclerView)
// 总跨度设为6，适配2和3的布局需求
val totalSpan = 6
val layoutManager = GridLayoutManager(this, totalSpan)

layoutManager.spanSizeLookup = object : GridLayoutManager.SpanSizeLookup() {
    override fun getSpanSize(position: Int): Int {
        // 前4个Item（前两行）占3跨度，每行刚好2个；后续占2跨度，每行3个
        return if (position < 4) 3 else 2
    }
}

recyclerView.layoutManager = layoutManager
// 替换成你的Adapter实例
recyclerView.adapter = YourItemAdapter()

Java 示例代码

RecyclerView recyclerView = findViewById(R.id.recyclerView);
int totalSpan = 6;
GridLayoutManager layoutManager = new GridLayoutManager(this, totalSpan);

layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
    @Override
    public int getSpanSize(int position) {
        return position < 4 ? 3 : 2;
    }
});

recyclerView.setLayoutManager(layoutManager);
// 替换成你的Adapter实例
recyclerView.setAdapter(new YourItemAdapter());