1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| Rectangle { // Création d'un rectangle pour le fond du bouton
color: "#494949" // Couleur grise pour le fond du bouton
radius: 12 // On l'arrondit
width: 50 // Il fait 50px de largeur
height: 20 // Il fait 20px de hauteur
anchors.centerIn: parent // On le centre dans la fenêtre le contenant
Text { // Le texte affiché par le bouton
anchors.centerIn: parent // On le centre dans le rectangle arrondi créé, son parent
text: "Cliquez ici !" // Le texte du bouton
color: "white" // Couleur blanche
}
MouseArea { // Permet de définir une zone permettant de détecter les clics
anchors.fill: parent // On lui indique qu'il prend la taille de son parent, le rectangle gris
onClicked: {
// Traitement à faire lors du clic sur le bouton
}
}
} |
Partager