Premiers pas avec Qt Quick
Niveau : débutant
Objectifs : développer une interface graphique Qt Quick simple avec un formulaire
Qt Quick est le dernier arrivé dans la famille Qt pour la réalisation d'interfaces
graphiques. Par rapport aux technologies existantes, il change complètement de
paradigme : il déclare des liens entre des composants, alors que les autres associent
généralement des actions à des stimuli. Pour ce faire, il recourt à un autre langage, au
QML, spécifiquement prévu pour cette utilisation ; il ressemble beaucoup au CSS et à
d'autres langages de feuilles de styles comme Sass ou Less.
Parmi ses avantages, il est très adapté pour la réalisation rapide de prototypes, sans
nécessiter de grandes connaissances en programmation ; de plus, sa proximité avec les
technologies web facilite sa prise en main par des profils plus orientés vers la
conception d'interfaces que la programmation proprement dite. Avec les années de
maturité, Qt Quick peut maintenant être utilisé pour des applications de bien plus
grande taille que des prototypes : l'outil est notamment conseillé pour le
développement d'applications avec ESRI ArcGIS, pour tout ce qui concerne la
cartographie et les systèmes d'informations géographiques au sens large.
Cet avantage est aussi très probablement son très grand inconvénient : il nécessite
d'apprendre un nouveau langage de programmation pour décrire les interfaces
graphiques. Outre la barrière à l'apprentissage, cela complique les communications
avec la partie Python de toute application : il devient nécessaire d'écrire du code pour
faire le lien.
Contrairement à Python, QML n'a pas une syntaxe très évoluée : principalement, il s'agit
d'imbriquer des composants (un rectangle, un bouton, etc.) et de définir leurs propriétés
(couleur, texte affiché, position, etc.). Les valeurs de ces propriétés sont données par
du code JavaScript, entièrement intégré à QML.
L'objectif de ce module sera de développer une application de gestion d'une
bibliothèque, extrêmement similaire à celle développée dans le module Qt Widgets.
Toutefois, pour expliquer la syntaxe et les concepts de base de Qt Quick, nous allons
commencer par quelques exemples bien plus simples.
265
Niveau : débutant
Objectifs : développer une interface graphique Qt Quick simple avec un formulaire
Qt Quick est le dernier arrivé dans la famille Qt pour la réalisation d'interfaces
graphiques. Par rapport aux technologies existantes, il change complètement de
paradigme : il déclare des liens entre des composants, alors que les autres associent
généralement des actions à des stimuli. Pour ce faire, il recourt à un autre langage, au
QML, spécifiquement prévu pour cette utilisation ; il ressemble beaucoup au CSS et à
d'autres langages de feuilles de styles comme Sass ou Less.
Parmi ses avantages, il est très adapté pour la réalisation rapide de prototypes, sans
nécessiter de grandes connaissances en programmation ; de plus, sa proximité avec les
technologies web facilite sa prise en main par des profils plus orientés vers la
conception d'interfaces que la programmation proprement dite. Avec les années de
maturité, Qt Quick peut maintenant être utilisé pour des applications de bien plus
grande taille que des prototypes : l'outil est notamment conseillé pour le
développement d'applications avec ESRI ArcGIS, pour tout ce qui concerne la
cartographie et les systèmes d'informations géographiques au sens large.
Cet avantage est aussi très probablement son très grand inconvénient : il nécessite
d'apprendre un nouveau langage de programmation pour décrire les interfaces
graphiques. Outre la barrière à l'apprentissage, cela complique les communications
avec la partie Python de toute application : il devient nécessaire d'écrire du code pour
faire le lien.
Contrairement à Python, QML n'a pas une syntaxe très évoluée : principalement, il s'agit
d'imbriquer des composants (un rectangle, un bouton, etc.) et de définir leurs propriétés
(couleur, texte affiché, position, etc.). Les valeurs de ces propriétés sont données par
du code JavaScript, entièrement intégré à QML.
L'objectif de ce module sera de développer une application de gestion d'une
bibliothèque, extrêmement similaire à celle développée dans le module Qt Widgets.
Toutefois, pour expliquer la syntaxe et les concepts de base de Qt Quick, nous allons
commencer par quelques exemples bien plus simples.
265