qml Drag 拖拽

最新推荐文章于 2025-09-16 13:09:51 发布

原创

最新推荐文章于 2025-09-16 13:09:51 发布 · 549 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#qt #qml

Drag 拖拽

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15

Window {
    width: 640
    height: 480
    visible: true// 控制窗口是否可见，默认为 true
    title: qsTr("Hello World")


    // 主矩形，宽400，高400，颜色为浅灰色
    Rectangle {
        id: mainRect
        width: 400
        height: 400
        color: "lightgray"

        MouseArea{
            anchors.fill: parent
            // 启用拖动功能，目标为父元素draggableRect
            drag.target: parent
            drag.axis: Drag.XAxis | Drag.YAxis // 允许水平拖动和垂直拖动
            // 当鼠标按下时触发
            onPressed: {
                // 将方块置于最顶层，使其在拖动时不会被其他元素遮挡
                draggableRect.z = 1
            }

            // 当鼠标释放时触发
            onReleased: {
                // 释放后恢复z值，使其回到默认层级
                draggableRect.z = 0
            }
        }
        // 可拖动的方块，宽100，高100，颜色为蓝色，初始位置在(150, 150)
        Rectangle {
            id: draggableRe