如何在 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"
        }
    }
}