Question

一旦激活掉落目标，即使光标移动到位于原始放置目标上方的另一个放置目标，它仍然处于活动状态。

这是一个QML演示：尝试将文件拖放到灰色和蓝色区域。蓝色的一个永远不会被激活。

import QtQuick 2.1

Rectangle {
    color: "grey"
    width: 300
    height: 300

    DropArea {
        anchors.fill: parent
        onDropped: status.text = "Dropped on Grey";
    }

    Rectangle {
        color: "blue"
        anchors.fill: parent
        anchors.margins: 80

        DropArea {
            anchors.fill: parent
            # Never active!
            onDropped: status.text = "Dropped on Blue" 
        }
    }

    Text {
        x: 10
        y: 10
        id: status
        text: "Nothing dropped"
    }
}

我怎样才能实现掉落在灰色和蓝色矩形上？

Answer 1

你无法这样做，因为只要你进入灰色区域就会获得焦点，并且（即使你将鼠标悬停在蓝色区域），蓝色的droparea也永远不会收到该事件。

你必须让蓝色区域成为灰色区域的孩子，但是现在，有一个新问题：蓝色区域上的onDrop，灰色区域也会得到事件，因此如果事件发生，你必须阻止该事件在蓝色（即使用blueDrop属性）：

Rectangle {
    color: "grey"
    width: 300
    height: 300

    DropArea {
        id: greyDrop;
        property bool blueDrop: false;
        anchors.fill: parent
        onDropped: blueDrop ? blueDrop = false : status.text = "Dropped on Grey";

        Rectangle {
            color: "blue"
            anchors.fill: parent
            anchors.margins: 80

            DropArea {
                anchors.fill: parent
                onDropped: { status.text = "Dropped on Blue"; greyDrop.blueDrop = true; }
            }

        }
    }
    Text {
        id: status
        text: "Nothing dropped"
    }
}

如何正确实现重叠丢弃目标？

1 个答案: