interface graphique QML (probleme simple)

Bonjour,

Je commence QML via QT pour faire une belle interface, et je suis confronté à un probleme. Je souhaite lors de l'appuie sur mon bouton "ON" que sa couleur change (couleur plus claire) et que le bouton "OFF" recupere ca couleur par défaut, mais ca ne marche pas, je vous montre mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Rectangle{
        id: boutton_on

        gradient: Gradient{//couleur par defaut
            GradientStop { position: 0.0; color: "#3878f5" }
            GradientStop { position: 0.5; color: "#0c3076" }
            GradientStop { position: 1.0; color: "#3878f5" }
        }

        MouseArea {
                        id: mouseArea_boutton_on
                        anchors.fill: parent

                        onClicked: {
                            gradient: Gradient{//couleur plus claire lors de l'appuie pour le bouton ON
                                GradientStop { position: 0.0; color: "#64bef1" }
                                GradientStop { position: 0.5; color: "#0c6ea5" }
                                GradientStop { position: 1.0; color: "#64bef1" }
                            }

                            gradient: Gradient{//le bouton OFF recupere sa couleur par defaut
                                boutton_off.GradientStop { position: 0.0; color: "bleu" }
                                boutton_off.GradientStop { position: 0.5; color: "bleu" }
                                boutton_off.GradientStop { position: 1.0; color: "bleu" }
                            }

                        }

        }
 }

merci d'avance pour votre aide