QML通过鼠标拖动的位置

当通过鼠标拖动Rectangle 的位置时,可以使用Qt Quick的MouseArea组件来实现

cpp 复制代码
 Rectangle {
        id: rect
        x:0;y:0
        width: 200; height: 100
        color: "lightblue"

        MouseArea {
            id: mouseArea
            anchors.fill: parent
            drag.target: rect//要拖动的项目的ID
            drag.axis: Drag.XAndYAxis//拖动的轴方向
            //限制目标可以沿着相应轴拖动的距离
            drag.minimumX: 0
            drag.maximumX:  root.width-rect.width
            drag.minimumY: 0
            drag.maximumY:  root.height-rect.height
            drag.filterChildren: false//拖动不可以覆盖子类的MouseAreas
             //子类
            Rectangle {
                color: "yellow"
                x: 50; y : 50
                width: 100; height: 40
                MouseArea {
                    anchors.fill: parent
                    onClicked: console.log("Clicked")
                }
            }
        }
    }
相关推荐
人才程序员3 天前
【无标题】
c语言·前端·c++·qt·软件工程·qml·界面
人才程序员4 天前
Qt Widgets、QML与Qt Quick
c语言·开发语言·c++·qt·ui·qml
喵呜角角1 个月前
QML TableView 实例演示 + 可能遇到的一些问题(Qt_6_5_3)
开发语言·windows·qt·qml·qt quick
喵呜角角1 个月前
QML TableView(Qt_6_5_3_MinGW_64)
开发语言·qt·qml·qt quick
梦起丶1 个月前
Qml 中的那些坑(七)---ComboBox嵌入Popup时,滚动内容超过其可见区域不会关闭ComboBox弹窗
qt·qml
mengzhi啊2 个月前
几种QQuickWidget与Qml交互数据的方法
qml
QGC二次开发2 个月前
QML项目实战:自定义Combox
qt·qml·自定义控件·combox
for(::)2 个月前
QML旋转选择器组件Tumbler
qml
咩咩大主教2 个月前
VSCode导入QSS文件
css·c++·vscode·qt·qml·quick·qss
for(::)2 个月前
QML列表视图 ListView的使用
c++·qt·qml·1024程序员节