如何在Jetpack Compose UI元素中跟踪鼠标右键按下与释放的底层事件？

针对你在Compose中需要精准捕获每个鼠标按键按下、释放事件的需求，这里提供两种可靠的解决方案，避免自行维护状态导致的不同步问题：

方法一：基于按键状态位运算的轻量状态维护 #

虽然需要维护上一次的按键状态，但通过位运算对比PointerEvent的当前按键状态和历史状态，能精准定位本次事件中变化的按键，比单独维护每个按键状态更可靠：

// 在Compose状态或ViewModel中维护上一次的按键位掩码
var lastButtons by remember { mutableStateOf(0) }

Box(
    modifier = Modifier
        .pointerInput(Unit) {
            awaitPointerEventScope {
                while (true) {
                    val event = awaitPointerEvent()
                    val currentButtons = event.buttons

                    // 用位运算找出本次按下和释放的按键
                    val pressed = currentButtons and lastButtons.inv()
                    val released = lastButtons and currentButtons.inv()

                    // 处理按下事件
                    when {
                        pressed and MotionEvent.BUTTON_PRIMARY != 0 -> {
                            // 左键按下
                            viewModel.onMouseButtonPressed(MouseButton.PRIMARY)
                        }
                        pressed and MotionEvent.BUTTON_SECONDARY != 0 -> {
                            // 右键按下
                            viewModel.onMouseButtonPressed(MouseButton.SECONDARY)
                        }
                        pressed and MotionEvent.BUTTON_TERTIARY != 0 -> {
                            // 中键按下
                            viewModel.onMouseButtonPressed(MouseButton.TERTIARY)
                        }
                    }

                    // 处理释放事件
                    when {
                        released and MotionEvent.BUTTON_PRIMARY != 0 -> {
                            // 左键释放
                            viewModel.onMouseButtonReleased(MouseButton.PRIMARY)
                        }
                        released and MotionEvent.BUTTON_SECONDARY != 0 -> {
                            // 右键释放
                            viewModel.onMouseButtonReleased(MouseButton.SECONDARY)
                        }
                        released and MotionEvent.BUTTON_TERTIARY != 0 -> {
                            // 中键释放
                            viewModel.onMouseButtonReleased(MouseButton.TERTIARY)
                        }
                    }

                    // 更新历史状态
                    lastButtons = currentButtons
                    // 保留原有的事件处理逻辑
                    viewModel.handlePointerEvent(event, size.width, size.height)
                }
            }
        }
) {
    // 你的UI内容
}

这种方案能完美处理多按键同时操作的场景——比如按住左键时右键按下再释放，每个按键的状态变化都能被准确捕获，且状态同步风险极低。

方法二：直接获取底层MotionEvent（进阶方案） #

如果更习惯旧版MotionEvent的处理逻辑，可以通过Compose的Experimental API直接拿到底层的MotionEvent，完全不需要维护额外状态：

@OptIn(ExperimentalPointerInputApi::class)
Box(
    modifier = Modifier
        .pointerInput(Unit) {
            awaitPointerEventScope {
                while (true) {
                    val event = awaitPointerEvent()
                    // 转换为底层MotionEvent
                    val motionEvent = event.nativeEvent as MotionEvent

                    when (motionEvent.actionMasked) {
                        // 处理按下事件
                        MotionEvent.ACTION_DOWN, MotionEvent.ACTION_POINTER_DOWN -> {
                            val buttonState = motionEvent.buttonState
                            when {
                                buttonState and MotionEvent.BUTTON_PRIMARY != 0 -> 
                                    viewModel.onMouseButtonPressed(MouseButton.PRIMARY)
                                buttonState and MotionEvent.BUTTON_SECONDARY != 0 -> 
                                    viewModel.onMouseButtonPressed(MouseButton.SECONDARY)
                                buttonState and MotionEvent.BUTTON_TERTIARY != 0 -> 
                                    viewModel.onMouseButtonPressed(MouseButton.TERTIARY)
                            }
                        }
                        // 处理释放事件
                        MotionEvent.ACTION_UP, MotionEvent.ACTION_POINTER_UP -> {
                            // 通过历史状态对比找出释放的按键
                            val releasedButton = motionEvent.buttonState xor motionEvent.getHistoricalButtonState(0)
                            when {
                                releasedButton and MotionEvent.BUTTON_PRIMARY != 0 -> 
                                    viewModel.onMouseButtonReleased(MouseButton.PRIMARY)
                                releasedButton and MotionEvent.BUTTON_SECONDARY != 0 -> 
                                    viewModel.onMouseButtonReleased(MouseButton.SECONDARY)
                                releasedButton and MotionEvent.BUTTON_TERTIARY != 0 -> 
                                    viewModel.onMouseButtonReleased(MouseButton.TERTIARY)
                            }
                        }
                    }

                    viewModel.handlePointerEvent(event, size.width, size.height)
                }
            }
        }
) {
    // 你的UI内容
}

注意：nativeEvent属于ExperimentalPointerInputApi，使用时需要添加@OptIn注解，未来API可能有调整，但当前能直接复用你熟悉的MotionEvent逻辑。

避坑提示 #

• 不要依赖PointerInputChange.isPressed：这个属性仅针对触摸或主鼠标按键，无法区分多按键操作的变化。
• 位运算核心：Android的按键状态用位掩码存储，位与（&）用来判断特定按键是否激活，位异或（^）用来找出两次状态的差异。

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