怎样给自定义的渐变按钮，鼠标悬浮时、点击时，渐变颜

qtd

怎样给自定义的渐变按钮，设置鼠标悬浮时、点击时不同状态的渐变颜色

     Button {            id: control            text: qsTr("Styled Button")
            contentItem: Text {                text: control.text                font: control.font                opacity: enabled ? 1.0 : 0.3                                horizontalAlignment: Text.AlignHCenter                verticalAlignment: Text.AlignVCenter                elide: Text.ElideRight            }
            background: Rectangle {                implicitWidth: 100                implicitHeight: 40                opacity: enabled ? 1 : 0.3                border.color: control.down ? "#17a81a" : "#21be2b"                border.width: 1                radius: 2                gradient:Gradient {                            GradientStop {position: 0.0; color: "green"}                            GradientStop {position: 0.5; color: "red"}                            GradientStop {position: 1.0; color: "gray"}                        }            }        }