如何在Android Compose拖拽时保持视图居中于用户手指？

问题背景 #

需要实现一个光标图标，在用户拖拽过程中始终保持居中于触摸手指。但直接通过onDrag中的拖拽量更新视图偏移时，会因为touch slop和整数取整问题，导致触摸点逐渐偏离图标中心，尤其是极慢拖拽时漂移现象更严重。尝试过计算触摸点全局坐标来调整，但Compose中需要使用不推荐的pointerInterop modifier，操作成本高。

初始尝试与问题 #

初始代码直接累加拖拽量来更新布局参数：

onDrag = { change, dragAmount ->
    change.consume()

    params.x += dragAmount.x.toInt()
    params.y += dragAmount.y.toInt()
    wm.updateViewLayout(composeView, params)
}

这种方式无法让图标始终居中，拖拽时触摸点会逐渐漂移到图标边缘。

后续尝试在拖拽开始时调整图标到触摸点中心，但拖拽过程中直接用当前触摸位置调整会导致图标异常跳动：

onDragStart = {
    params.x = params.x + it.x.toInt() - (composeView.width / 2)
    params.y = params.y + it.y.toInt() - (composeView.height / 2)
    wm.updateViewLayout(composeView, params)
},
onDrag = { change, dragAmount ->
    change.consume()
    // 此处直接用触摸位置调整会导致跳动，只能继续用增量方式
    // params.x = params.x + change.position.x.toInt() - (composeView.width / 2)
    // params.y = params.y + change.position.y.toInt() - (composeView.height / 2)
    params.x += dragAmount.x.toInt()
    params.y += dragAmount.y.toInt()
   
    wm.updateViewLayout(composeView, params)
}

改用awaitEachGesture结合drag消除touch slop检测，依然无法解决慢拖拽时的漂移问题。

问题根源分析 #

最终定位到问题：布局参数的x、y是整数类型，拖拽量的浮点值通过.toInt()取整时，会将微小的拖拽量（比如0.3f）舍入为0，导致视图不移动；改用roundToInt()则会因为向上取整，让视图逐渐偏离触摸点。

最终解决方案 #

使用浮点累加器累积微小的拖拽量，凑够整数后再更新布局参数，同时在拖拽开始时先将图标调整到触摸点中心：

.pointerInput(Unit) {
    val center = size.center

    awaitEachGesture {
        val down = awaitFirstDown()

        // 拖拽开始时，将图标调整到触摸点中心
        params.x += (down.position.x - center.x).roundToInt()
        params.y += (down.position.y - center.y).roundToInt() 
        wm.updateViewLayout(composeView, params)

        drag(down.id) { change ->
            val posChange = change.positionChange()

            change.consume()

            // 累积拖拽的浮点增量
            accumulatedX += posChange.x
            accumulatedY += posChange.y

            // 提取整数部分用于更新布局
            val deltaX = accumulatedX.toInt()
            val deltaY = accumulatedY.toInt()

            // 保留剩余的小数部分继续累积
            accumulatedX -= deltaX
            accumulatedY -= deltaY

            params.x += deltaX
            params.y += deltaY
            wm.updateViewLayout(composeView, params)
        }
    }
}

关键逻辑说明 #

1. 拖拽初始化居中：在awaitFirstDown后，计算触摸点与视图中心的偏移，一次性调整布局参数让图标居中于触摸点。
2. 浮点累加器：用accumulatedX和accumulatedY保存拖拽量的小数部分，累积到整数后再更新布局，避免微小拖拽量被忽略，同时防止取整导致的偏移。

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