qml 关于鼠标穿透的问题

最近在开发过程中，遇到了鼠标穿透的问题。结合网上给予的方法，都试了一圈，在这里总结一下：

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 2.0

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    //flags: Qt.FramelessWindowHint
    Button{
        width:40
        height:40
        x:200
        y:200
        text:"tab button"

//        onClicked: {
//            console.log("tab clicked")
//        }
//        onPressed: {
//            console.log("tab pressed")
//        }
//        onReleased: {
//            console.log("tab released")
//        }
        MouseArea{
            anchors.fill: parent
            enabled: true
            onClicked: {
               console.log("tab clicked")
            }
             onPressed: {
                console.log("tab pressed")
             }
             onReleased: {
                console.log("tab released")
               }
        }
    }
    Rectangle{
        id:menu
        width:100
        height:100
        x:200
        y:200
        color: "transparent"
        MouseArea{
            anchors.fill: parent
            propagateComposedEvents: true
            enabled: true

//            onClicked: {
//               console.log("menu.clicked")
//            }
            onMouseYChanged: {
                console.log("menu.MouseYChanged")
            }
            onPressed: {
               console.log("menu.Pressed")
                mouse.accepted = false

}
            onReleased: {
               console.log("menu.released")
               mouse.accepted = false
            }
        }
    }

}
结合网上方法：
如果想要穿透大概有两种方法。
如果跟节点是window，就设置Qt.FramelessWindowHint
如果是Item,就要把上层的mousearea的enable=true
但是，同样穿透的话。上层的mouseArea的released我试了下，好像无法响应。
如果不想穿透，原理反之。
1)enable为false.
2)不设置Qt.FramelessWindowHint
3)在上层的mouseArea就把press,released,clicked事件放在那里，就不响应。
tips:
将上层的MouseArea的propagateComposedEvents: true，并且把mouse.accepted = false。就只会响应下层的MouseArea的事件。