Compose 手势交互

Box(
    modifier = Modifier
        .size(100.dp)
        .clickable { /* 处理点击事件 */ }
        .pointerInput(Unit) {
            detectTapGestures(
                onTap = { /* 单击 */ },
                onDoubleTap = { /* 双击 */ },
                onLongPress = { /* 长按 */ }
            )
        }
) {
    Text("点击区域")
}

var offsetX by remember { mutableStateOf(0f) }
var offsetY by remember { mutableStateOf(0f) }
 
Box(
    modifier = Modifier
        .offset { IntOffset(offsetX.roundToInt(), offsetY.roundToInt()) }
        .pointerInput(Unit) {
            detectDragGestures { change, dragAmount ->
                change.consume()
                offsetX += dragAmount.x
                offsetY += dragAmount.y
            }
        }
)

var scale by remember { mutableStateOf(1f) }
var rotation by remember { mutableStateOf(0f) }
 
Box(
    modifier = Modifier
        .graphicsLayer(
            scaleX = scale,
            scaleY = scale,
            rotationZ = rotation
        )
        .pointerInput(Unit) {
            detectTransformGestures { _, _, zoom, angle ->
                scale *= zoom
                rotation += angle
            }
        }
)

val scrollState = rememberScrollState()
 
Column(
    modifier = Modifier
        .verticalScroll(scrollState)
        .horizontalScroll(rememberScrollState())
) {
    // 内容
}

suspend fun PointerInputScope.detectCustomGesture(
    onGesture: (change: PointerInputChange) -> Unit
) {
    awaitPointerEventScope {
        while (true) {
            val event = awaitPointerEvent()
            event.changes.forEach { change ->
                if (change.pressed) {
                    onGesture(change)
                }
            }
        }
    }
}

data class GestureState(
    val isPressed: Boolean = false,
    val position: Offset = Offset.Zero
)
 
var gestureState by remember { mutableStateOf(GestureState()) }
 
Box(
    modifier = Modifier
        .pointerInput(Unit) {
            detectDragGestures(
                onDragStart = { gestureState = gestureState.copy(isPressed = true) },
                onDragEnd = { gestureState = gestureState.copy(isPressed = false) },
                onDrag = { _, dragAmount ->
                    gestureState = gestureState.copy(
                        position = gestureState.position + dragAmount
                    )
                }
            )
        }
)

var scale by remember { mutableStateOf(1f) }
var offset by remember { mutableStateOf(Offset.Zero) }
 
Image(
    painter = painterResource(id = R.drawable.image),
    contentDescription = null,
    modifier = Modifier
        .graphicsLayer(
            scaleX = scale,
            scaleY = scale,
            translationX = offset.x,
            translationY = offset.y
        )
        .pointerInput(Unit) {
            detectTransformGestures { _, pan, zoom, _ ->
                scale = (scale * zoom).coerceIn(1f, 3f)
                offset += pan
            }
        }
)

var itemOffset by remember { mutableStateOf(0f) }
val dismissThreshold = 100f
 
Box(
    modifier = Modifier
        .offset { IntOffset(itemOffset.roundToInt(), 0) }
        .draggable(
            orientation = Orientation.Horizontal,
            state = rememberDraggableState { delta ->
                itemOffset = (itemOffset + delta).coerceIn(-dismissThreshold, 0f)
            },
            onDragStopped = { velocity ->
                if (itemOffset < -dismissThreshold) {
                    // 执行删除操作
                } else {
                    // 回弹动画
                    itemOffset = 0f
                }
            }
        )
)