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 天前
Qt的QT_QPA_EGLFS_INTEGRATION环境变量浅解
linux·qt·qml
江公望7 天前
通过QQmlExtensionPlugin进行Qt QML插件开发
c++·qt·qml
江公望11 天前
Qt QtConcurrent使用入门浅解
c++·qt·qml
ajassi200014 天前
开源 C++ QT QML 开发(二)工程结构
linux·qt·qml
ajassi200018 天前
开源 C++ QT QML 开发(一)基本介绍
linux·qt·开源·qml
大橘23 天前
【qml-11】Quick3D实现机器人欧拉旋转、拖动视角
qt·3d·机器人·qml
大橘23 天前
【qml-12】Quick3D实现机器人鼠标拖拽转换视角(无限角度)与滚轮缩放
qt·3d·机器人·qml
钱彬 (Qian Bin)25 天前
企业级实战:构建基于Qt、C++与YOLOv8的模块化工业视觉检测系统(基于QML)
c++·qt·yolo·qml·工业质检·qt 5.15.2
大橘1 个月前
【qml-10】Quick3D实现机器人渲染(mesh)记录
qt·机器人·qml
机器视觉知识推荐、就业指导1 个月前
QML学习:1.快速了解QML
qt·学习·qml