RecyclerView图标拖拽排序蛇形效果异常问题求助

问题现象 #

实现RecyclerView图标拖拽排序时，同一行内排序正常，但跨行列拖拽仅触发图标互换，无法实现「蛇形效果」——拖拽图标从A到B位置时，其余图标未依次向前移位。

问题代码分析 #

当前实现仅对两个位置的元素做交换操作，而非将元素插入目标位置并让中间元素依次移位：

Adapter中的onItemMoved方法 #

override fun onItemMoved(fromPosition: Int, toPosition: Int) {
    if (fromPosition > -1 && toPosition > -1) {
        content.swapItems(fromPosition, toPosition)
        if (abs(fromPosition - toPosition) == 1) {
            notifyItemMoved(fromPosition, toPosition)
        } else {
            notifyItemMoved(fromPosition, toPosition)
            if (fromPosition < toPosition) {
                notifyItemMoved(toPosition - 1, fromPosition)
            } else {
                notifyItemMoved(toPosition + 1, fromPosition)
            }
        }
    }
}

数据操作方法 #

fun swapItems(fromPosition: Int, toPosition: Int) {
    val fromNewPos = getItemPositionInGrid(fromPosition)
    val toNewPos = getItemPositionInGrid(toPosition)

    reorder(items, fromNewPos, toNewPos)
    for (element in items) {
        Log.d("element:", element.toString())
    }
}

fun <T> reorder(list: MutableList<T>, i: Int, j: Int) {
    list[i] = list.set(j, list[i])
}

修复方案 #

核心是替换交换逻辑为「移除+插入」逻辑，让中间元素自动移位，同时修正RecyclerView的通知方式：

1. 修改数据操作逻辑 #

将swapItems和reorder替换为移位逻辑：

fun moveItem(fromPosition: Int, toPosition: Int) {
    val fromGridPos = getItemPositionInGrid(fromPosition)
    val toGridPos = getItemPositionInGrid(toPosition)
    
    if (fromGridPos == toGridPos) return
    
    // 移除原位置元素，插入到目标位置
    val movedItem = items.removeAt(fromGridPos)
    items.add(toGridPos, movedItem)
}

2. 修正onItemMoved方法 #

只需要一次正确的通知，无需多次调用notifyItemMoved：

override fun onItemMoved(fromPosition: Int, toPosition: Int) {
    if (fromPosition > -1 && toPosition > -1) {
        content.moveItem(fromPosition, toPosition)
        // 通知RecyclerView数据移动
        notifyItemMoved(fromPosition, toPosition)
        // 如果跨多个位置，通知中间范围的数据变化（确保UI刷新正确）
        val start = min(fromPosition, toPosition)
        val end = max(fromPosition, toPosition)
        notifyItemRangeChanged(start, end - start + 1)
    }
}

原理说明 #

• 原逻辑的list.set(j, list[i])只是交换两个元素，不会触发中间元素的移位；而removeAt+add会让列表中中间的元素自动向前/向后移动，实现蛇形拖拽的效果。
• 正确调用notifyItemMoved结合notifyItemRangeChanged，确保RecyclerView正确更新所有受影响的Item的位置和UI。

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