Développer avec Qt Designer
Niveau : débutant
Objectifs : concevoir des interfaces avec Qt Designer et les convertir en code Python
Prérequis : Anatomie d'une GUI
Dans le chapitre précédent, nous avons vu comment créer une fenêtre principale,
ajouter des widgets, gérer la mise en page et répondre aux événements. Avec de la
patience et en lisant attentivement la documentation de Qt (excellente, par ailleurs ! ),
on peut programmer à peu près tout ce qu'on veut. Cependant, pour juste concevoir la
partie écran de l'application, on n'échappe pas à des cycles de
programmation/exécution qui peuvent être laborieux.
Pour le développement d'interfaces utilisateur, il est souvent bénéfique d'impliquer au
plus tôt les utilisateurs potentiels en leur soumettant une maquette de la future
application : typiquement, il s'agira des fenêtres avec tous leurs éléments, mais sans
aucune réaction aux actions de la part des utilisateurs. Cette maquette peut alors
évoluer, de façon itérative, selon les remarques et suggestions obtenues. Quand la
maquette est stabilisée et correspond aux attentes de chacun, le développement
proprement dit peut alors commencer. Si on en a le temps et les moyens, on peut même
envisager de confier l'élaboration de la maquette à un graphiste ou un concepteur de
GUI qui peut réaliser ce travail sans avoir de compétences en programmation.
Pour répondre à ces besoins et aider la vie du programmeur, Qt propose un outil
puissant et bien pensé : Qt Designer.
Qt Designer permet au concepteur de GUI de dessiner chaque fenêtre sans avoir à
écrire une seul ligne de code : on choisit les widgets adéquats dans une grande boîte à
outils et on les fait glisser sur la fenêtre à la position souhaitée. De même, on peut
définir les stratégies de dispositions intelligentes et tester directement le résultat dans
l'outil. Qt Designer est intuitif et facile d'utilisation ; pour la création de maquettes, il
peut être laissé sans soucis à un non-programmeur. Une fois que la maquette est stable,
le programmeur peut (re-)prendre la main et définir, toujours via Qt Designer, les noms
qui serviront à identifier les composants, à générer les slots et leur connecter les
signaux.
84
Niveau : débutant
Objectifs : concevoir des interfaces avec Qt Designer et les convertir en code Python
Prérequis : Anatomie d'une GUI
Dans le chapitre précédent, nous avons vu comment créer une fenêtre principale,
ajouter des widgets, gérer la mise en page et répondre aux événements. Avec de la
patience et en lisant attentivement la documentation de Qt (excellente, par ailleurs ! ),
on peut programmer à peu près tout ce qu'on veut. Cependant, pour juste concevoir la
partie écran de l'application, on n'échappe pas à des cycles de
programmation/exécution qui peuvent être laborieux.
Pour le développement d'interfaces utilisateur, il est souvent bénéfique d'impliquer au
plus tôt les utilisateurs potentiels en leur soumettant une maquette de la future
application : typiquement, il s'agira des fenêtres avec tous leurs éléments, mais sans
aucune réaction aux actions de la part des utilisateurs. Cette maquette peut alors
évoluer, de façon itérative, selon les remarques et suggestions obtenues. Quand la
maquette est stabilisée et correspond aux attentes de chacun, le développement
proprement dit peut alors commencer. Si on en a le temps et les moyens, on peut même
envisager de confier l'élaboration de la maquette à un graphiste ou un concepteur de
GUI qui peut réaliser ce travail sans avoir de compétences en programmation.
Pour répondre à ces besoins et aider la vie du programmeur, Qt propose un outil
puissant et bien pensé : Qt Designer.
Qt Designer permet au concepteur de GUI de dessiner chaque fenêtre sans avoir à
écrire une seul ligne de code : on choisit les widgets adéquats dans une grande boîte à
outils et on les fait glisser sur la fenêtre à la position souhaitée. De même, on peut
définir les stratégies de dispositions intelligentes et tester directement le résultat dans
l'outil. Qt Designer est intuitif et facile d'utilisation ; pour la création de maquettes, il
peut être laissé sans soucis à un non-programmeur. Une fois que la maquette est stable,
le programmeur peut (re-)prendre la main et définir, toujours via Qt Designer, les noms
qui serviront à identifier les composants, à générer les slots et leur connecter les
signaux.
84