RecyclerView动态设置Item高度避免元素偏移问题求助

我太懂你现在的烦恼了——用StaggeredGridLayoutManager做日程布局，想根据会议时长动态调整Item高度，结果高时长的Item（比如2小时）之后的短时长Item（1小时）直接跳去了下一列，完全打乱了按天排列的逻辑。咱们一步步把这个问题搞定。

问题根源 #

StaggeredGridLayoutManager默认的布局逻辑是把下一个Item塞进当前高度最低的列，这在瀑布流场景里很实用，但在咱们这种按列对应日期的日程布局里就踩坑了——它不管你这个Item属于哪一天，只看哪列空就往哪塞。另外你之前在OnPreDrawListener里修改LayoutParams的时机也不对，这时候RecyclerView已经在计算Span分配了，临时改高度会彻底打乱布局逻辑。

解决方案 #

核心思路是：强制指定每个Item属于哪一列（对应哪一天），同时提前计算好基准高度再设置Item高度，彻底摆脱对View绘制时高度值的依赖。

步骤1：提前获取1小时Item的基准高度 #

在适配器初始化时，先测量出一个标准1小时Item的高度，后续2小时、3小时的Item直接乘以倍数就行，避免View未完成测量导致高度不准确的问题。

步骤2：在onBindViewHolder里设置LayoutParams（关键） #

把高度设置和列指定的逻辑移到onBindViewHolder里，这里是绑定数据的最佳时机，既能准确拿到每个Item的日期和时长信息，又不会干扰RecyclerView的布局计算。

修改后的适配器代码 #

class ScheduleAdapter(private val scheduleItems: List<ScheduleItem>) : RecyclerView.Adapter<ScheduleAdapter.ScheduleViewHolder>() {
    // 提前测量好1小时Item的基准高度
    private var baseHourHeight = 0

    init {
        // 用临时View测量基准高度，避免依赖未布局的ItemView
        val tempItemView = LayoutInflater.from(App.context).inflate(R.layout.rv_grid, null)
        tempItemView.measure(
            View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED),
            View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)
        )
        baseHourHeight = tempItemView.measuredHeight
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ScheduleViewHolder {
        val itemView = LayoutInflater.from(parent.context)
            .inflate(R.layout.rv_grid, parent, false)
        return ScheduleViewHolder(itemView)
    }

    override fun onBindViewHolder(holder: ScheduleViewHolder, position: Int) {
        val currentItem = scheduleItems[position]
        
        // 1. 绑定数据到UI控件
        holder.tvTeacher.text = currentItem.teacher
        holder.tvRoom.text = currentItem.room
        holder.tvSubject.text = currentItem.subject

        // 2. 设置Item的LayoutParams
        val layoutParams = holder.itemView.layoutParams as StaggeredGridLayoutManager.LayoutParams
        
        // 关键：强制指定当前Item属于哪一列（比如currentItem.dayIndex是0代表第一天，1代表第二天）
        layoutParams.spanIndex = currentItem.dayIndex
        
        // 根据时长设置高度：基准高度 × 时长倍数
        layoutParams.height = baseHourHeight * currentItem.duration
        
        // 应用修改后的LayoutParams
        holder.itemView.layoutParams = layoutParams
    }

    override fun getItemCount() = scheduleItems.size

    inner class ScheduleViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val tvTeacher = itemView.findViewById<TextView>(R.id.teacher)
        val tvRoom = itemView.findViewById<TextView>(R.id.room)
        val tvSubject = itemView.findViewById<TextView>(R.id.subject)
    }
}

// 假设你的数据模型是这样的
data class ScheduleItem(
    val teacher: String,
    val room: String,
    val subject: String,
    val dayIndex: Int, // 标记属于哪一列（0/1/...）
    val duration: Int // 时长倍数，1=1小时，2=2小时等
)

额外注意事项 #

• 确保SpanCount正确：你的StaggeredGridLayoutManager的spanCount要和日期列数一致，比如两天就设为2。
• 彻底移除OnPreDrawListener逻辑：之前在onCreateViewHolder里加的监听会干扰布局，一定要删掉，所有布局调整都放在onBindViewHolder里。
• 固定Item宽度：可以在item布局的CardView里把宽度设为match_parent，避免不同Item宽度不一致导致的布局错位。

这样修改后，不管前面的Item有多高，每个Item都会乖乖待在自己对应的日期列里，再也不会出现偏移的问题啦。

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