如何用RecyclerView实现如图所示的含五列混合布局？

核心思路是把GridLayoutManager的spanCount设置为所有目标列数的最小公倍数，这里1、3、5的最小公倍数是15，然后通过重写getSpanSize方法，给不同类型的Item返回对应的跨度值，让Grid自动适配布局。

具体实现步骤： #

1. 设置GridLayoutManager的spanCount为15
2. 在SpanSizeLookup中根据Item类型返回对应跨度：
   • 单列Item：返回15（15 ÷ 1 = 15，占满整行）
   • 三列Item：返回5（15 ÷ 3 = 5，每行刚好放3个）
   • 五列Item：返回3（15 ÷ 5 = 3，每行刚好放5个）

代码示例（Kotlin）： #

// 定义Item类型常量
const val ITEM_TYPE_FULL = 0
const val ITEM_TYPE_THREE_COLUMN = 1
const val ITEM_TYPE_FIVE_COLUMN = 2

// 初始化LayoutManager
val gridLayoutManager = GridLayoutManager(context, 15)
gridLayoutManager.spanSizeLookup = object : GridLayoutManager.SpanSizeLookup() {
    override fun getSpanSize(position: Int): Int {
        return when(yourAdapter.getItemViewType(position)) {
            ITEM_TYPE_FULL -> 15
            ITEM_TYPE_THREE_COLUMN -> 5
            ITEM_TYPE_FIVE_COLUMN -> 3
            else -> 1 // 默认值，根据实际情况调整
        }
    }
}
yourRecyclerView.layoutManager = gridLayoutManager

注意事项： #

• 确保你的Adapter正确实现getItemViewType方法，区分不同布局类型的Item
• 如果后续需要新增其他列数（比如2列），只需要把spanCount更新为新的最小公倍数（比如15和2的最小公倍数30），再对应调整该类型Item的spanSize即可

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