RecyclerView侧滑归位时下方条目跳动的原因及解决方法

问题根源 #

你遇到的条目跳动问题，核心原因是调用adapter.notifyItemChanged()触发了ViewHolder的重新绑定与布局计算：

• 首次滑动（或条目回收后首次滑动）时，notifyItemChanged会让RecyclerView重新测量并布局当前条目，这个过程中会临时改变RecyclerView的整体布局状态，导致下方条目出现位置偏移。
• 重复滑动时，ViewHolder已经完成重新绑定，布局状态稳定，所以不会再跳动。

修复方案：避免触发条目重新绑定 #

要实现滑动归位且不影响其他条目，应该直接操作ViewHolder的视图状态，而不是调用notifyItemChanged。可以通过以下两种方式实现：

方式1：重写clearView方法（推荐） #

ItemTouchHelper的clearView方法会在滑动操作结束后被调用，在这里重置视图的滑动状态，无需触发条目刷新：

ItemTouchHelper(
    object : ItemTouchHelper.SimpleCallback(
        0,
        ItemTouchHelper.END or ItemTouchHelper.START
    ) {
        override fun onMove(
            recyclerView: RecyclerView,
            viewHolder: RecyclerView.ViewHolder,
            target: RecyclerView.ViewHolder
        ): Boolean {
            return false
        }

        override fun onSwiped(viewHolder: RecyclerView.ViewHolder, direction: Int) {
            // 这里添加你的滑动操作逻辑，比如删除/标记已读等
            // 不需要调用notifyItemChanged
        }

        override fun clearView(recyclerView: RecyclerView, viewHolder: RecyclerView.ViewHolder) {
            super.clearView(recyclerView, viewHolder)
            // 强制重置视图的滑动状态，让条目回到初始位置
            getDefaultUIUtil().clearView(viewHolder.itemView)
        }
    }
).attachToRecyclerView(recyclerView)

方式2：手动添加归位动画 #

如果需要更平滑的归位效果，可以在onSwiped中通过属性动画让视图滑回原位：

override fun onSwiped(viewHolder: RecyclerView.ViewHolder, direction: Int) {
    // 添加你的操作逻辑

    // 执行归位动画
    val itemView = viewHolder.itemView
    ObjectAnimator.ofFloat(itemView, "translationX", 0f).apply {
        duration = 200
        start()
    }
    // 通知ItemTouchHelper重置状态
    ItemTouchHelper.SimpleCallback.getDefaultUIUtil().clearView(itemView)
}

额外优化建议 #

• 确保你的ArticleAdapter的onBindViewHolder方法中，没有在绑定视图时修改视图的translationX等滑动相关属性，避免和ItemTouchHelper的状态冲突。
• 如果条目包含复杂布局，建议给ViewHolder的itemView设置clipToPadding = false和clipChildren = false，减少布局计算时的干扰。

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