La partie précédente présentait une classe maFenetre permettant de gérer l'interface graphique ainsi que les actions à réaliser.
On peut notre que cette classe mélanger la partie purement graphique (gestion des boutons, de la grille d'affichage, etc) et la partie d'action (gestion des slots, etc).

Dans le cas d'une interface graphique avancées cela engendre des classes à la fois complexes et difficile à manipuler. Dans une optique des développement méthodologique, il est conseillé de séparer la partie GUI (interface graphique pure) de la gestion du comportement (Architecture MVC: Model-View-Controller).

Qt permet de manipuler aisément le placement graphique des boutons à l'aide de QtDesigner qui possède l'avantage de:
- Séparer code du modèle graphique
- Simplifier la gestion du placement des boutons.

-> Créez le fichier .pro de manière habituelle.
-> Générez le makefile à l'aide de QMake.
-> Compilez et executez le projet.
-> Quels fichiers ont été générés lors de la compilation ?
-> Chargez le projet avec QtCreator.
-> Observez que la classe meFenetre ne gère que les actions à réaliser.
-> Visualisez le fichier mainwindow.ui dans le formulaire.
-> Ouvrez ce même fichier avec un éditeur de texte, observez qu'il s'agit d'un fichier xml décrivant le type et placement des boutons.
-> Observez le fichier ui_mainwidow.h. Ce fichier est généré automatiquement par l'outil "uic" (user interface compiler) de Qt qui permet de convertir le fichier mainwindow.ui (en xml) vers le fichier ui_mainwindow.h (en C++).

-> Modifier le programme pour que le clic sur le bouton 1 vienne copier le contenu textuelle du menu (Widget de type QLineEdit) à la place du mot Légende (Widget de type QLabel).

