qt qml。 MouseArea 可以看到事件，但将它们全部传递给父级而不影响它们吗？

Question

内部MouseArea 首先获取鼠标事件。我想“看到”这些事件，以便设置各种属性，但不影响它们。我希望鼠标事件传播到任何父 MouseArea。

考虑一下这段代码。我想点击蓝色方块来查看“按下蓝色”和“释放蓝色”以及传递给“按下父级”和“释放父级”。

如果我接受该事件，则父母不会得到它。如果我不接受按下，那么我看不到释放。

import QtQuick 2.7
import QtQuick.Controls 1.4

ApplicationWindow
{
    visible: true
    width: 800
    height: 1024

    Rectangle
    {
        anchors.fill: parent
        color: "yellow"

        MouseArea
        {
            // i want these to happen even when mouse events are in the
            // blue square
            anchors.fill: parent
            onPressed: console.log("parent pressed");
            onReleased: console.log("parent released");
        }

        Rectangle
        {
            x: 100
            y: 100
            width: 100
            height: 100
            color: "blue"

            // i would like to "see" events, but not affect them
            // i want all mouse events to pass to parent, as if i am not here.
            // however, not accepting "pressed" means i don't see "released"
            MouseArea
            {
                anchors.fill: parent
                onPressed:
                {
                    console.log("blue pressed");
                    mouse.accepted = false
                }
                onReleased:
                {
                    console.log("blue released");
                    mouse.accepted = false
                }
            }
        }
    }
}

欢迎提出想法。谢谢，

Answer 1

如果 propagateComposedEvents 设置为 true，则组合事件将自动传播到场景中同一位置的其他 MouseAreas。每个事件都以堆叠顺序传播到其下方的下一个启用的MouseArea，向下传播此视觉层次结构，直到MouseArea 接受该事件。一旦事件沿着层次结构向下传播，直到另一个鼠标事件发生之前，它就无法上升到层次结构中。因此，当您在蓝色矩形中设置mouse.accepted = false 时，鼠标事件会转到黄色矩形，并且它会同时接收pressed 和released 信号，但在另一个鼠标事件发生之前，上面的矩形将不再接收任何事件。所以，答案是否定的。

如果您想处理不同级别的鼠标事件，例如您希望一个MouseArea 处理clicked 信号，另一个处理pressAndHold，或者如果您希望一个MouseArea 处理clicked大多数时候，但是当满足某些条件时通过它下面的例子会有所帮助

import QtQuick 2.0

Rectangle {
    color: "yellow"
    width: 100; height: 100

    MouseArea {
        anchors.fill: parent
        onClicked: console.log("clicked yellow")
    }

    Rectangle {
        color: "blue"
        width: 50; height: 50

        MouseArea {
            anchors.fill: parent
            propagateComposedEvents: true
            onClicked: {
                console.log("clicked blue")
                mouse.accepted = false
            }
        }
    }
}