Qt官方示例-Qml鼠标点击与拖拽

Qt君

发布于 2020-04-01 03:21:18

2.8K00

代码可运行

文章被收录于专栏：跟Qt君学编程跟Qt君学编程

运行总次数：0

代码可运行

❝本例演示如何使用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软件」可以找到：

C:\Qt\{你的Qt版本}\Examples\{你的Qt版本}\quick\mousearea

「相关链接」

https://doc.qt.io/qt-5/qtquick-mousearea-example.html

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2020-03-29，如有侵权请联系 cloudcommunity@tencent.com 删除

编程算法

qt

本文分享自 Qt君微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

编程算法

qt

登录后参与评论

0 条评论

热度

Qt官方示例-Qml鼠标点击与拖拽

Qt官方示例-Qml鼠标点击与拖拽

关于更多

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐