QML如何設置顏色的鼠標區域

Question

我想設計下面的按鍵佈局：

它放在一個藍色背景上一個重啓按鈕圖像。我想用QML在Qt中複製相同的內容。我正在使用一個MouseArea Qt Quick對象，通過它將Stretch填充模式中的圖像重疊。但是沒有選擇爲鼠標區域獲取藍色背景。目前，它看起來像這樣：

爲同相應的代碼：

MouseArea { 
    id: restartbutton 
    x: 669 
    width: 50 
    height: 50 
    opacity: 1 
    antialiasing: false 
    hoverEnabled: true 
    anchors.top: parent.top 
    anchors.topMargin: 8 
    z: 1 

    Image { 
     id: image2 
     anchors.fill: parent 
     source: "restart_icon.png" 
    } 

} 

如何設置後臺鼠標區域嗎？

Answer 1

您可能需要使用Rectangle這樣的：

Rectangle { 
    width:50 
    height: 50 
    Image { 
    anchors.fill:parent 
    source: "restart_icon.png" 
    } 
    MouseArea { 
    anchors.fill:parent 
    onClicked: {...} 
    } 
} 

看看在QML Advanced Tutorial進一步信息，請