Note > Avec Qt Quick, la convention est que les composants ont toujours un nom
qui commence par une capitale. Cette remarque sera cruciale pour la définition
de nouveaux composants.
Le fonctionnement du composant Rectancle est simple : il demande l'affichage d'un
rectangle à l'écran, selon des modalités qui sont spécifiées après l'accolade. Ces
modalités sont principalement de deux types : des propriétés et sa composition,
c'est-à-dire d'autres éléments.
Le composant Rectangle définit deux propriétés principales, qui sont sa hauteur
height et sa largeur width. Il peut aussi avoir une couleur color, mais également
une bordure colorée d'une largeur donnée, des bords arrondis, etc. ; toutes les
propriétés prédéfinies sont répertoriées dans la documentation.
Par rapport à Python, la syntaxe de ces propriétés est particulière : elles
correspondent approximativement aux variables de Python, mais l'attribution de
valeur s'indique avec le symbole deux-points : et non d'égalité =.
Le rectangle ne contient ici qu'un seul composant enfant, qui est une instance de
Text : celui-ci affiche simplement du texte, donné par sa propriété text. Cet
affichage peut être paramétré à l'aide de propriétés, comme color pour la couleur
(tout comme un rectangle). D'autres propriétés sont bien évidemment définies,
comme la police de caractères ou la taille de fonte. D'ailleurs, le texte lui-même
peut être défini de manière plus riche qu'actuellement à l'aide de balises HTML ;
seul un sous-ensemble de balises est implémenté, mais il permet de réaliser la
plupart des variations voulues.
Contrairement au rectangle, le composant Text définit lui-même sa taille à l'aide de
son contenu. D'autres composants sont dans le même cas, comme une fenêtre
principale ApplicationWindow. Définir la taille du composant de texte est toujours
possible, à l'aide des propriétés height et width, mais le comportement est plus
difficile à comprendre.
Lorsqu'une instance d'un composant est incluse dans une autre, il faut indiquer leur
position l'une par rapport à l'autre. Une première manière de procéder consiste à
utiliser des positions absolues, avec les propriétés x et y ; il vaut cependant souvent
274
qui commence par une capitale. Cette remarque sera cruciale pour la définition
de nouveaux composants.
Le fonctionnement du composant Rectancle est simple : il demande l'affichage d'un
rectangle à l'écran, selon des modalités qui sont spécifiées après l'accolade. Ces
modalités sont principalement de deux types : des propriétés et sa composition,
c'est-à-dire d'autres éléments.
Le composant Rectangle définit deux propriétés principales, qui sont sa hauteur
height et sa largeur width. Il peut aussi avoir une couleur color, mais également
une bordure colorée d'une largeur donnée, des bords arrondis, etc. ; toutes les
propriétés prédéfinies sont répertoriées dans la documentation.
Par rapport à Python, la syntaxe de ces propriétés est particulière : elles
correspondent approximativement aux variables de Python, mais l'attribution de
valeur s'indique avec le symbole deux-points : et non d'égalité =.
Le rectangle ne contient ici qu'un seul composant enfant, qui est une instance de
Text : celui-ci affiche simplement du texte, donné par sa propriété text. Cet
affichage peut être paramétré à l'aide de propriétés, comme color pour la couleur
(tout comme un rectangle). D'autres propriétés sont bien évidemment définies,
comme la police de caractères ou la taille de fonte. D'ailleurs, le texte lui-même
peut être défini de manière plus riche qu'actuellement à l'aide de balises HTML ;
seul un sous-ensemble de balises est implémenté, mais il permet de réaliser la
plupart des variations voulues.
Contrairement au rectangle, le composant Text définit lui-même sa taille à l'aide de
son contenu. D'autres composants sont dans le même cas, comme une fenêtre
principale ApplicationWindow. Définir la taille du composant de texte est toujours
possible, à l'aide des propriétés height et width, mais le comportement est plus
difficile à comprendre.
Lorsqu'une instance d'un composant est incluse dans une autre, il faut indiquer leur
position l'une par rapport à l'autre. Une première manière de procéder consiste à
utiliser des positions absolues, avec les propriétés x et y ; il vaut cependant souvent
274