如何实现每行列数不同的RecyclerView？动态SpanSize方案

嘿，看你在搞每行列数不同的RecyclerView，用GridLayoutManager做动态SpanSize确实是正确的思路！不过你代码里写的是StaggeredGridLayoutManager，这俩功能不一样——Staggered是用来做瀑布流布局的，而动态控制每行列数得靠GridLayoutManager配合SpanSizeLookup来实现。我帮你把完整的实现方案理清楚：

1. 替换布局管理器为GridLayoutManager #

首先把你代码里的StaggeredGridLayoutManager换成GridLayoutManager，它才支持通过SpanSizeLookup动态设置每个item占据的列数：

// 这里的4是设置最大列数，后续可以根据需求动态调整
rvSubCat.layoutManager = GridLayoutManager(this, 4)

2. 核心：自定义SpanSizeLookup实现动态列数 #

这一步是实现每行不同列数的关键，我们通过自定义SpanSizeLookup，根据业务逻辑（比如item位置、分类类型）返回每个item的span占比：

val layoutManager = rvSubCat.layoutManager as GridLayoutManager
layoutManager.spanSizeLookup = object : GridLayoutManager.SpanSizeLookup() {
    override fun getSpanSize(position: Int): Int {
        // 这里根据你的categoryList数据逻辑调整返回值
        val category = categoryList[position]
        return when {
            // 示例：第一个item占满整行（4列）
            position == 0 -> 4
            // 示例：特殊分类占2列
            category.isSpecial -> 2
            // 普通分类占1列
            else -> 1
        }
    }
}

3. 完善OnGlobalLayoutListener的逻辑 #

你之前用OnGlobalLayoutListener来计算尺寸，如果是需要根据RecyclerView的实际宽度动态调整最大列数，记得要移除监听避免重复触发：

private fun calculateSize() {
    // 获取RecyclerView的实际宽度
    val rvWidth = rvSubCat.width
    // 示例：根据宽度动态调整最大列数
    val maxColumns = if (rvWidth > 1200) 4 else if (rvWidth > 600) 2 else 1
    
    val layoutManager = rvSubCat.layoutManager as GridLayoutManager
    layoutManager.spanCount = maxColumns
    
    // 移除监听，防止多次调用
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
        rvSubCat.viewTreeObserver.removeOnGlobalLayoutListener(this)
    } else {
        @Suppress("DEPRECATION")
        rvSubCat.viewTreeObserver.removeGlobalOnLayoutListener(this)
    }
}

4. Adapter的适配优化 #

你的CategoryAdapter可以配合getItemViewType，给不同span尺寸的item加载对应的布局：

class CategoryAdapter(
    private val categoryList: List<Category>,
    private val isDynamicSpan: Boolean,
    private val context: Context
) : RecyclerView.Adapter<CategoryAdapter.ViewHolder>() {

    inner class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView)

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        // 根据viewType加载不同布局：比如满宽标题布局、普通item布局
        val layoutRes = if (viewType == 0) R.layout.item_full_width else R.layout.item_normal
        val view = LayoutInflater.from(context).inflate(layoutRes, parent, false)
        return ViewHolder(view)
    }

    override fun getItemViewType(position: Int): Int {
        // 和SpanSizeLookup的逻辑对应，区分不同类型的item
        return if (position == 0 || categoryList[position].isSpecial) 0 else 1
    }

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        // 绑定你的分类数据
        val category = categoryList[position]
        // ... 数据绑定逻辑
    }

    override fun getItemCount() = categoryList.size
}

整合后的完整初始化代码 #

把上面的部分整合起来，最终的初始化代码应该是这样：

// 初始化RecyclerView布局管理器
rvSubCat.layoutManager = GridLayoutManager(this, 4)
val layoutManager = rvSubCat.layoutManager as GridLayoutManager

// 设置动态SpanSize规则
layoutManager.spanSizeLookup = object : GridLayoutManager.SpanSizeLookup() {
    override fun getSpanSize(position: Int): Int {
        val category = categoryList[position]
        return when {
            position == 0 -> 4
            category.isSpecial -> 2
            else -> 1
        }
    }
}

// 初始化Adapter
categoryAdapter = CategoryAdapter(categoryList, true, this)
rvSubCat.adapter = categoryAdapter

// 监听布局完成，动态调整列数（按需添加）
val viewTreeObserver = rvSubCat.viewTreeObserver
viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {
    override fun onGlobalLayout() {
        calculateSize()
    }
})

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