y: parent.y + 10
placeholderText: "Entrez du texte"
}
TextField {
id: colourField
width: 250
x: parent.width / 2 - width / 2
y: textField.y + 30
placeholderText: "Saisissez une couleur"
}
Label {
color: colourField.text
text: textField.text
x: parent.width / 2 - width / 2
y: colourField.y + 50
}
}
Figure 13.9 : Utilisation d'identifiants pour lier l'affichage d'une chaîne de caractères à deux champs
Cet exemple n'a rien de transcendant, mais il donne déjà une certaine forme
d'interactivité : si l'utilisateur change le contenu des deux champs, l'affichage s'adapte
immédiatement ; s'il redimensionne la fenêtre, malgré un positionnement en
coordonnées absolues, tous les éléments se déplacent pour à nouveau être centrés dans
la fenêtre.
Note > Pendant la saisie de la couleur, l'utilisateur devra passer par toute une série
de noms invalides (à moins d'employer du copier-coller) : il saisira d'abord un g,
puis un r, etc., jusqu'à arriver à green. Aucune erreur ne sera affichée pendant ce
temps (même si gre n'est pas un nom de couleur acceptable) : Qt Quick prendra une
couleur par défaut.
Figure 13.10 : Identifiants et interactivité de base
280