如何在 hover 上更改 object 中的 QML 的屬性？

Question

我有矩形 object，我需要在懸停時更改它的背景顏色。 我怎樣才能做到這一點？ 我試過了但沒用

        Rectangle {
                            id: section1
                            color: "#293645"
                            radius: 10
                            anchors.fill: parent
                            anchors.rightMargin: 20
                            anchors.leftMargin: 20
                            anchors.bottomMargin: 25
                            anchors.topMargin: 25

                            MouseArea {
                                hoverEnabled: true
                                onEntered: {
                                    section1.color = "red"
                                }
                 }

Answer 1

只需設置MouseArea anchor.fill屬性即可解決您的問題。

Rectangle {
    id: section1
    color: "#293645"
    radius: 10
    anchors.fill: parent
    anchors.rightMargin: 20
    anchors.leftMargin: 20
    anchors.bottomMargin: 25
    anchors.topMargin: 25
    
    MouseArea {
        anchors.fill: parent
        hoverEnabled: true
        onEntered: {
            section1.color = "red"
        }
    }
}