Commentaire sur plusieurs lignes.
*/
}
3.2. Liens entre propriétés
Par exemple, le bout de code suivant affiche deux champs de texte qui contrôlent
l'affichage d'une chaîne de caractères : le premier champ détermine le texte à afficher,
le deuxième sa couleur. Le champ de texte est repris du module Qt Quick Controls, ce
qui permet notamment d'avoir un texte fictif (placeholderText), le temps que
l'utilisateur saisisse quelque chose.
Les éléments de l'interface peuvent être positionnés à l'aide de coordonnées absolues
selon les axes x et y : l'axe x est horizontal (il correspond à la largeur des composants),
y est vertical (hauteur). (0, 0) correspond au coin supérieur gauche de la fenêtre. Ici,
l'emplacement des différents widgets est déterminé par rapport à la largeur de l'élément
parent (parent.width) et à celle de l'élément courant (width : implicitement, la
propriété est celle de l'élément courant), mais aussi à la position d'autres éléments de
l'interface (comme textField.y). Le lien entre l'affichage du texte et les deux champs
se fait par leur identifiant : colourField.text et textField.text.
La valeur donnée à chaque coordonnée est en réalité une expression, un calcul qui est
réévalué à chaque changement dans une de ses composantes : si la position d'un
élément évolue, toute l'expression est réévaluée et la position de l'élément courant
change. Il s'agit en réalité de code JavaScript, limité à sa partie expressions. Ce
fonctionnement s'oppose à ce qui se passe dans la majorité des langages de
programmation, où les expressions sont évaluées une et une seule fois.
Note > Cet exemple est disponible dans le dossier lien-proprietes .
import QtQuick 2.5
import QtQuick.Controls 1.4
ApplicationWindow {
visible: true
width: 640
height: 120
title: qsTr("Hello World")
TextField {
id: textField
width: 250
x: parent.width / 2 - width / 2
279
*/
}
3.2. Liens entre propriétés
Par exemple, le bout de code suivant affiche deux champs de texte qui contrôlent
l'affichage d'une chaîne de caractères : le premier champ détermine le texte à afficher,
le deuxième sa couleur. Le champ de texte est repris du module Qt Quick Controls, ce
qui permet notamment d'avoir un texte fictif (placeholderText), le temps que
l'utilisateur saisisse quelque chose.
Les éléments de l'interface peuvent être positionnés à l'aide de coordonnées absolues
selon les axes x et y : l'axe x est horizontal (il correspond à la largeur des composants),
y est vertical (hauteur). (0, 0) correspond au coin supérieur gauche de la fenêtre. Ici,
l'emplacement des différents widgets est déterminé par rapport à la largeur de l'élément
parent (parent.width) et à celle de l'élément courant (width : implicitement, la
propriété est celle de l'élément courant), mais aussi à la position d'autres éléments de
l'interface (comme textField.y). Le lien entre l'affichage du texte et les deux champs
se fait par leur identifiant : colourField.text et textField.text.
La valeur donnée à chaque coordonnée est en réalité une expression, un calcul qui est
réévalué à chaque changement dans une de ses composantes : si la position d'un
élément évolue, toute l'expression est réévaluée et la position de l'élément courant
change. Il s'agit en réalité de code JavaScript, limité à sa partie expressions. Ce
fonctionnement s'oppose à ce qui se passe dans la majorité des langages de
programmation, où les expressions sont évaluées une et une seule fois.
Note > Cet exemple est disponible dans le dossier lien-proprietes .
import QtQuick 2.5
import QtQuick.Controls 1.4
ApplicationWindow {
visible: true
width: 640
height: 120
title: qsTr("Hello World")
TextField {
id: textField
width: 250
x: parent.width / 2 - width / 2
279