主页 / coding / 问题 / 77030806
Accepted
Kamichanw
Asked: 2023-09-03 11:23:32 +0800 CST

将项目拖出 MouseArea 时如何更改光标形状？

  • 772

cursorShape我想在将项目拖出时不断更改MouseArea。

正如您在下面的代码中看到的，当我将鼠标保持在 current 时MouseArea，cursorShape将更改为DragCopyCursor. 但是，进一步，如果我将鼠标移动到另一个 mouseArea 区域，鼠标将ArrowCursor再次变为。

import QtQuick
import QtQuick.Controls

Window {
    width: 300
    height: 300
    visible: true
    color: "#1F1F1F"
    Column {
        anchors.centerIn: parent
        Repeater {
            model: 2
            delegate: Rectangle {
                z: mouseArea.drag.active ? 2 : 0
                color: "#aaaaaa"
                width: 300
                height: 50

                MouseArea {
                    id: mouseArea
                    anchors.fill: parent
                    drag.target: rec
                    Binding {
                        when: mouseArea.drag.active
                        mouseArea.cursorShape: Qt.DragCopyCursor
                    }

                    Rectangle {
                        id: rec
                        color: "white"
                        height: parent.height / 2
                        width: parent.width / 2
                        anchors.verticalCenter: parent.verticalCenter
                        anchors.horizontalCenter: parent.horizontalCenter
                        Text {
                            anchors.centerIn: parent
                            text: "test " + index
                            color: "black"
                        }
                        states: [
                            State {
                                when: mouseArea.drag.active
                                AnchorChanges {
                                    target: rec
                                    anchors.verticalCenter: undefined
                                    anchors.horizontalCenter: undefined
                                }
                            }
                        ]
                    }
                }
            }
        }
    }
}
qt

1 个回答

  1. Best Answer

    如果你使用DragHandler而不是MouseArea你可以cursorShape在整个拖动过程中保持你的状态。注意，为了DragHandler工作，我必须用x和的显式计算来替换锚定y：

        Column {
        anchors.centerIn: parent
        Repeater {
            model: 2
            delegate: Rectangle {
                id: frame
                z: dragHandler.active ? 2 : 0
                color: "#aaaaaa"
                border.color: "pink"
                width: 300
                height: 50
                Rectangle {
                    id: rec
                    color: "white"
                    height: parent.height / 2
                    width: parent.width / 2
                    x: (frame.width - width) / 2
                    y: (frame.height - height) / 2
                    Text {
                        anchors.centerIn: parent
                        text: "test " + index
                        color: "black"
                    }
                    DragHandler {
                        id: dragHandler
                        target: rec
                        cursorShape: Qt.DragCopyCursor
                        onActiveChanged: {
                            if (!active) {
                                rec.x = (frame.width - rec.width) / 2;
                                rec.y = (frame.height - rec.height) / 2;
                            }
                        }
                    }
                }
            }
        }
    }
    • 0

相关问题