RecyclerView网格布局实现同行动态等高效果的方案咨询

实现RecyclerView网格布局同行等高方案 #

方案1：极简适配（适合90%以上常规场景） #

原生GridLayoutManager本身支持自动将同一行所有item的高度统一为该行最高item的高度，仅需两处修改即可实现：

• 修改列表项根布局配置：将你现有item布局最外层LinearLayout的android:layout_height="wrap_content"属性改为android:layout_height="match_parent"，其余布局代码无需调整。
• 检查Adapter加载布局的代码，确保inflate方法参数正确，否则match_parent属性不会生效，正确写法参考：

// Kotlin 示例
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): YourViewHolder {
    val itemView = LayoutInflater.from(parent.context).inflate(R.layout.your_item_layout, parent, false)
    return YourViewHolder(itemView)
}

// Java 示例
@Override
public YourViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    View itemView = LayoutInflater.from(parent.getContext()).inflate(R.layout.your_item_layout, parent, false);
    return new YourViewHolder(itemView);
}

配置完成后直接运行即可看到效果，无需额外修改GridLayoutManager初始化代码。

方案2：手动计算行高（适合复杂定制场景） #

如果你有特殊的高度控制需求，可通过手动计算每行最大高度的方式实现：

1. 在Adapter中定义变量存储每行最大高度和网格列数：

// 存储每行对应最大高度
private val lineHeightMap = SparseIntArray()
// 替换为你实际的网格列数
private val spanCount = 3

2. 重写onBindViewHolder方法，动态计算更新行高：

override fun onBindViewHolder(holder: YourViewHolder, position: Int) {
    // 先完成你的数据绑定逻辑
    val itemData = dataList[position]
    holder.tvTitle.text = itemData.title
    holder.tvDays.text = itemData.dayText
    holder.ivImage.setImageResource(itemData.iconRes)

    holder.itemView.post {
        val currentLine = position / spanCount
        val currentItemHeight = holder.itemView.measuredHeight
        // 若当前item高度大于已存储的行高，更新行高并刷新当前行
        if (lineHeightMap.get(currentLine, 0) < currentItemHeight) {
            lineHeightMap.put(currentLine, currentItemHeight)
            val lineStartPos = currentLine * spanCount
            val lineEndPos = Math.min(lineStartPos + spanCount - 1, itemCount - 1)
            notifyItemRangeChanged(lineStartPos, lineEndPos - lineStartPos + 1)
        } else {
            // 应用已存储的统一行高
            val layoutParams = holder.itemView.layoutParams
            layoutParams.height = lineHeightMap.get(currentLine)
            holder.itemView.layoutParams = layoutParams
        }
    }
}

3. 每次数据集更新时记得清空lineHeightMap，避免旧高度影响新列表渲染。

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