2.2. Placement des éléments principaux
Nous sommes prêts à placer les widgets de l'application. Avant de foncer tête baissée,
il est utile de réfléchir à la structure générale de la fenêtre. Outre la barre de menu, il y
a trois zones principales :
une zone Liste, affichant les livres enregistrés ;
une zone Détails, affichant tous les détails d'un livre, qu'il soit en cours de saisie
ou d'édition ;
une zone Action, avec les différents boutons permettant de créer, sauvegarder ou
effacer un livre.
Sachant que la zone Détails contient des widgets logiquement liés, il est intéressant de
les regrouper dans un widget conteneur. Ainsi, si nous voulons réorganiser plus tard
l'interface utilisateur, nous pourrons facilement déplacer tous ces éléments en une fois
en modifiant simplement le conteneur.
Pour débuter, nous allons suivre notre canevas composé de trois zones et placer les
widgets principaux sur la fenêtre principale, en les glissant-déposant depuis la Boîte de
widgets (voir la Figure 6.2) :
un Tree View pour la liste de livres ;
une Group Box pour les détails du livre ; après double-clic, on la renomme
Détails ;
trois Push Button ; après double-clic, on les renomme respectivement Nouveau,
Sauvegarder et Supprimer.
Astuce > Il n'est pas nécessaire de passer du temps à positionner ou aligner
précisément les widgets. Nous allons très bientôt utiliser les techniques de
disposition intelligente introduites au chapitre précédent ; un positionnement très
sommaire suffit amplement à ce stade.
Pour terminer cette première étape, nous allons créer un menu principal minimaliste
avec un élément Fichier, lui-même contenant un sous-menu avec les éléments
Ouvrir…, Enregistrer et Quitter.
Note > Dans ce qui suit, les esperluettes ont pour effet, lors de l'exécution, de
90