Jetpack Compose：如何检测双指滑动或拖动手势

方法一：使用detectTransformGestures快速实现 #

Compose提供的detectTransformGestures方法原本用于处理缩放、旋转和拖动操作，刚好可以用来检测双指拖动，还能通过参数控制是否消费手势。

示例代码：

Box(
    modifier = Modifier
        .fillMaxSize()
        .pointerInput(Unit) {
            detectTransformGestures(
                consume = false, // 设置为false，不消费手势，下层组件仍能接收事件
                onGesture = { centroid, pan, zoom, rotation ->
                    // pan即为双指拖动的偏移量，centroid是双指中心位置
                    if (pan != Offset.Zero) {
                        // 这里处理双指拖动逻辑，比如打印偏移信息
                        println("双指拖动偏移：$pan")
                    }
                }
            )
        }
) {
    // 下层可交互组件（如滚动列表）仍能正常响应自身手势
    LazyColumn {
        items(100) {
            Text("列表项 $it", modifier = Modifier.padding(16.dp))
        }
    }
}

核心点：consume = false是实现不消费手势的关键，设置后当前组件检测到双指拖动后，手势事件会继续传递给下层组件。

方法二：手动监听Pointer事件（更灵活） #

如果只需要检测双指拖动，不需要处理缩放、旋转，可以手动在pointerInput里监听指针事件，精准控制逻辑。

示例代码：

Box(
    modifier = Modifier
        .fillMaxSize()
        .pointerInput(Unit) {
            awaitPointerEventScope {
                var activePointerIds = emptySet<PointerId>()
                var initialCentroid: Offset? = null

                while (true) {
                    val event = awaitPointerEvent()
                    // 更新当前活跃的指针ID集合
                    activePointerIds = event.changes.map { it.id }.toSet()

                    when (activePointerIds.size) {
                        2 -> {
                            // 双指按下时记录初始中心位置
                            if (initialCentroid == null) {
                                val positions = event.changes.map { it.position }
                                initialCentroid = Offset(
                                    (positions[0].x + positions[1].x) / 2,
                                    (positions[0].y + positions[1].y) / 2
                                )
                            } else {
                                // 计算当前双指中心位置，得出拖动偏移
                                val currentPositions = event.changes.map { it.position }
                                val currentCentroid = Offset(
                                    (currentPositions[0].x + currentPositions[1].x) / 2,
                                    (currentPositions[0].y + currentPositions[1].y) / 2
                                )
                                val panOffset = currentCentroid - initialCentroid
                                
                                if (panOffset != Offset.Zero) {
                                    println("双指拖动偏移：$panOffset")
                                    // 更新初始中心位置，用于下一次偏移计算
                                    initialCentroid = currentCentroid
                                }
                            }
                        }
                        else -> {
                            // 指针数量不为2时，重置初始位置
                            initialCentroid = null
                        }
                    }

                    // 不调用event.consumeAllChanges()，确保手势事件向下传递
                }
            }
        }
) {
    // 下层可交互组件
    LazyColumn {
        items(100) {
            Text("列表项 $it", modifier = Modifier.padding(16.dp))
        }
    }
}

核心点：通过awaitPointerEventScope监听所有指针事件，跟踪活跃指针数量，仅在双指存在时计算拖动偏移，且不消费事件，保证下层组件能接收手势。

注意事项 #

• 不消费手势时，要避免当前组件的手势逻辑与下层组件的手势逻辑冲突（比如双指拖动和列表滚动同时触发的场景）。
• 手动处理指针事件时，需跟踪指针ID，防止不同指针的位置信息混淆。

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