Qt官方示例-Qml鼠标点击与拖拽
❝本例演示如何使用Qml的MouseArea实现区域鼠标点击和拖拽的功能。 ❞
当您在红色方块内单击鼠标时，界面下方区域文本将显示出单击鼠标的一些属性，这些属性可用于QML中。按下鼠标时，红色方块的不透明度将降低，并保留在MouseArea内。当其中发生单击或双击等其他操作时，MouseArea会发出对应的信号。
MouseArea {
...
onPressAndHold: btn.text = 'Press and hold'
onClicked: btn.text = 'Clicked (wasHeld=' + mouse.wasHeld + ')'
onDoubleClicked: btn.text = 'Double clicked'
...
}
MouseArea也可以用于拖拽控件。通过设置drag属性的参数，如果用户在鼠标区域内拖动，则将会拖动目标控件到指定位置。
MouseArea {
anchors.fill: parent
//! [drag]
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
//! [drag]
}
关于更多
- 在「QtCreator软件」可以找到：
- 或在以下「Qt安装目录」找到：
C:\Qt\{你的Qt版本}\Examples\{你的Qt版本}\quick\mousearea
- 「相关链接」
https://doc.qt.io/qt-5/qtquick-mousearea-example.html
本文参与 腾讯云自媒体分享计划，分享自微信公众号。
原始发表：2020-03-29，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录