Débuter dans la création d'interfaces graphiques avec Qt 4

Voici terminée la première traduction de l'équipe Qt de Developpez.com. Nous espérons tous que débutants et non-débutants trouveront ici une base solide pour leur apprentissage et compréhension de ce framework.

Ce tutoriel est une traduction d'un des tutoriels écrits par Nokia Corporation and/or its subsidiary(-ies), inclus dans la documentation de Qt 4.4.x en anglais. Les éventuels problèmes résultant d'une mauvaise traduction ne sont pas imputables à Nokia. Vous pouvez trouver le tutoriel original sur le site officiel.
Nous remercions la société Nokia pour sa confiance tout au long de ce travail de traduction.

Merci à Alp Mestan et Yan Verdavaine pour l'encadrement et la mise en place de ce projet.

Un merci tout particulier à dourouc05 et difredo pour leur participation et relecture tout au long de la traduction, ainsi qu'à Papy_77 pour le second passage et à Jacques Thery pour ses petites corrections ponctuelles, mais pointues, sans oublier djibril, pour ses commentaires, la proposition d'ajouts et une relecture partielle et Claude Leloup, qui a relu ces ajouts !

Surtout, toutes nos félicitations et un grand bravo aux acteurs principaux de cette traduction. Par chapitre :

• Présentation : John42
• Hello World : haraelendil
• Terminer proprement l'application : Spout
• Les valeurs usuelles : Spout
• Soyons widgets : Spout
• Les widgets : amoweb
• Construire des widgets en vrac : buggen25
• Une chose mène à une autre : buggen25
• Préparer le champ de bataille : buggen25
• Avec un canon, on peut tout faire : Spout
• Doux comme un agneau : buggen25
• Tire-lui dessus : amoweb
• Accrochons des briques en l'air : Spout
• Game Over : dourouc05
• Face au mur : signix

Des ajouts ont été réalisés aux sections II-A, III-B, III-C et III-D, afin de rendre ce tutoriel plus facile à utiliser pour des débutants.

Ce tutoriel fournit une introduction à la programmation d'interfaces graphiques (IHM, Interface Homme-Machine) utilisant la boîte à outils Qt. Il ne couvre pas tout ; l'accent est mis sur la philosophie de la programmation IHM, et les fonctionnalités de Qt sont introduites au fur et à mesure. Certaines fonctionnalités, bien que souvent utilisées, ne sont pas couvertes par ce tutoriel d'introduction à Qt.

Le premier chapitre commence avec un programme minimal de type « hello world » et les suivants introduisent de nouveaux concepts, jusqu'au chapitre 14, où le « hello world » du premier chapitre va se transformer en un jeu de 650 lignes de code.

Si vous débutez complètement avec Qt, commencez par lire Comment apprendre Qt si vous ne l'avez pas déjà fait.

Le code source du tutoriel est situé dans le répertoire examples/tutorials/tutorial de Qt 4.4. Pour les autres versions, vous pouvez télécharger les sources sous la forme d'une archive RAR ou TAR.BZ2.

1. hello world ;
2. terminer proprement l'application ;
3. valeurs usuelles ;
4. soyons widgets ;
5. les widgets ;
6. construire des widgets en vrac !
7. une chose mène à une autre ;
8. préparer le champ de bataille ;
9. avec un canon, on peut tout faire ;
10. doux comme un agneau ;
11. tire-lui dessus !
12. accrochons des briques en l'air ;
13. game over ;
14. face au mur.

Ce petit jeu ne ressemble pas beaucoup aux applications IHM modernes. Il utilise quelques techniques IHM, mais nous vous recommandons, quand vous aurez bien travaillé avec lui, de jeter un œil à l'exemple de l'Application, qui présente une petite application IHM, avec des menus, des barres d'outils, une barre de statut, et bien d'autres encore.

II-A. Installer Qt▲