QML MouseArea重疊其他小工具

Question

這是一些簡單的QML代碼，它包含一個Button和一個MouseArea。我想Button檢測到鼠標左鍵和右鍵點擊。

Rectangle { 
    anchors.fill:parent; 
    width: 1302 
    height: 638 

    Button { 
     id: button1 
     x: 378 
     y: 332 
     width: 194 
     height: 66 
     text: qsTr("Button") 
    } 

    MouseArea { 
     id: mouseArea1 
     x: 368 
     y: 306 
     width: 226 
     height: 108 
     acceptedButtons: Qt.RightButton 
     propagateComposedEvents: true 
     onClicked: { 
      console.log("Click") 
      mouse.accepted = false 
     } 
    } 
} 

由於MouseArea定位在Button的頂部，我怎麼能強迫Button接受鼠標事件？

Answer 1

試試這個，如果我理解你：

import QtQuick 2.4 
import QtQuick.Window 2.2 
import QtQuick.Controls 1.2 


Window { 
    id: screen 
    width: 800 
    height: 600 
    visible: true 

    Button { 
     anchors.centerIn: parent 
     text: qsTr("Button") 
     onClicked: { 
      console.log("Button was clicked"); 
     } 
     z: 100 
     MouseArea { 
       anchors.fill: parent 
       acceptedButtons: Qt.RightButton 
       onClicked: { 
        console.log("Button right button was clicked"); 
        mouse.accepted = true 
       } 
      } 
    } 

    MouseArea { 
      anchors.fill: parent 
      acceptedButtons: Qt.RightButton 
      propagateComposedEvents: true 
      onClicked: { 
       console.log("Window right button was clicked") 
      } 
      z: 99 
     } 
} 

不過我建議你用普通方式來顯示按鈕彈出。使用Button.menu顯示下拉菜單按鈕。