Qt Quick 示例 - 鼠标区域

这是 QML 中鼠标区域类型的示例。

鼠标区域 示例展示了如何通过鼠标区域响应点击和拖动。了解更多信息，请访问 Qt Quick 重要概念 - 用户输入。

运行示例

要从 Qt Creator 运行示例，打开欢迎模式并从示例中选择示例。更多信息，请访问构建和运行示例。

鼠标区域行为

当你在红色方块内部点击时，文本类型将列出该点击的多个属性，这些属性可用于 QML。在鼠标按下并保持在鼠标区域内部时，红色方块的透明度将降低。

当在鼠标区域内发生点击或其他离散操作时，鼠标区域会发出信号。

onPressAndHold: btn.text = qsTr('Press and hold')
onClicked: (mouse) => { btn.text = qsTr('Clicked (wasHeld=') + mouse.wasHeld + ')' }
onDoubleClicked: btn.text = qsTr('Double clicked')

通过设置拖动属性的参数，当用户在鼠标区域内开始拖动时，目标项将被拖动。

drag.target: blueSquare
drag.axis: Drag.XAndYAxis
drag.minimumX: 0
drag.maximumX: box.width - parent.width
drag.minimumY: 0
drag.maximumY: box.height - parent.width

示例项目 @ code.qt.io