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")
                }
            }
        }
    }
相关推荐
m0_5557629018 小时前
qml 基本元素
qt·qml
钱彬 (Qian Bin)2 天前
QT Quick(C++)跨平台应用程序项目实战教程 5 — 界面设计
c++·qt·教程·音乐播放器·qml·qt quick
__ocean13 天前
qml中ComboBox组件onCurrentIndexChanged与onActivated的使用
qt·qml
钱彬 (Qian Bin)13 天前
QT Quick(C++)跨平台应用程序项目实战教程 3 — 项目基本设置(窗体尺寸、中文标题、窗体图标、可执行程序图标)
c++·人工智能·音乐播放器·qml·界面设计·qt quick
梦起丶21 天前
「 DelegateUI 」Ant-d 风格的 Qt Qml UI 套件
qt·ui·qml·ant-d·ui-kit
小灰灰搞电子2 个月前
QML 快捷键与Shortcut的使用
qt·qml
小灰灰搞电子2 个月前
QML使用ChartView绘制折线图
qt·qml
码农客栈2 个月前
qml Page详解
qml
Ricardo于3 个月前
★3.3 事件处理
qml
梦起丶3 个月前
Qml 中实现时间轴组件
qt·ui·时间轴·控件·qml