La case à cocher CheckBox peut s'associer à une description text, affichée à côté
d'elle. Son résultat est disponible dans la propriété checked.
CheckBox { id: check; text: "Description pour la case" }
Label { text: check.checked ? "coché" : "décoché" }
Interrupteur
L'interrupteur Switch fonctionne sur le même principe, sans la description.
Switch { id: sw; }
Label { text: sw.checked ? "activé" : "désactivé" }
Bouton radio
Les boutons radio RadioButton proposent un choix exclusif dans un groupe (une
seule case est cochée dans un bloc). Cette contrainte est imposée à travers un
ExclusiveGroup, référencé dans chaque bouton radio par la propriété
exclusiveGroup.
RowLayout {
ExclusiveGroup { id: grp }
RadioButton { id: radioA; text: "a"; exclusiveGroup: grp }
RadioButton { text: "b"; exclusiveGroup: grp; checked: true }
}
Label { text: radioA.checked ? "a !" : "b !" }
Liste déroulante
Une liste déroulante ComboBox propose de choisir un élément dans une liste
d'options, précisées dans la propriété model sous la forme d'une liste de chaînes
de caractères (ou, en toute généralité, d'un modèle de chaînes de caractères). La
sélection de l'utilisateur peut être récupérée soit par son indice dans le modèle
(currentIndex), soit directement par la valeur textuelle de l'élément sélectionné
(currentText).
ComboBox { id: combo; model: ["a", "b", "c"] }
Label { text: combo.currentText + " (" + combo.currentIndex + ")"
}
Curseur
Pour choisir un nombre, le curseur Slider se déplace sur une ligne graduée entre
minimumValue et maximumValue, avec un intervalle entre deux graduations de
stepSize.
319