2. Construction de la fenêtre BiblioApp
Nous allons utiliser Qt Designer pour construire pas à pas la fenêtre principale de notre
application BiblioApp. Nous sauvegarderons notre travail sous le nom
main_window_biblio.ui.
Note > Ce fichier et le code source présenté dans ce chapitre sont disponibles dans
le dossier qt-designer .
2.1. Création du fichier .ui
Il y a différentes manières de procéder. Pour notre part, nous allons repartir du microprojet BiblioApp créé au chapitre précédent. C'est juste une question de facilité, rien
n'oblige à utiliser eric6 : un autre EDI peut aussi convenir, voire pas d'EDI du tout.
L'avantage d'eric6 réside surtout dans la partie génération de code, qui est très bien
intégrée.
La première chose à savoir, c'est qu'eric6 appelle feuilles les fichiers .ui. Dès lors,
pour créer notre fichier une fois le projet BiblioApp ouvert dans eric6, on va
logiquement sur le panneau Feuilles du projet, dans le Gestionnaire de projet. Ce
panneau, initialement vide, affiche les fichiers .ui associés au projet (il pourra y en
avoir plusieurs si l'application comporte plusieurs fenêtres, typiquement des fenêtres
de dialogue). Sur ce panneau, activons Nouvelle feuille… dans le menu contextuel :
une boîte de dialogue apparaît demandant de choisir le type de feuille ; nous
choisissons Fenêtre principale. Enfin, nous saisissons main_window_biblio.ui
comme nom de fichier. Après confirmation, le fichier est créé, il apparaît comme une
nouvelle feuille du projet. En faisant un double-clic sur cet élément, Qt Designer se
lance et ouvre le fichier main_window_biblio.ui : une fenêtre principale vide
apparaît, prête à être décorée comme un sapin de Noël !
Note > Si vous voulez travailler sans eric6, il suffit de lancer Qt Designer comme
expliqué plus haut. La démarche est fort semblable : choisissez le type de fenêtre à
créer : Main Window (non traduit en français !) et sauvegardez le fichier sous le nom
main_window_biblio.ui. Au besoin, vous pourrez intégrer ce fichier plus tard à un
projet eric6 via l'action Ajouter des feuilles… du menu contextuel.
89
Nous allons utiliser Qt Designer pour construire pas à pas la fenêtre principale de notre
application BiblioApp. Nous sauvegarderons notre travail sous le nom
main_window_biblio.ui.
Note > Ce fichier et le code source présenté dans ce chapitre sont disponibles dans
le dossier qt-designer .
2.1. Création du fichier .ui
Il y a différentes manières de procéder. Pour notre part, nous allons repartir du microprojet BiblioApp créé au chapitre précédent. C'est juste une question de facilité, rien
n'oblige à utiliser eric6 : un autre EDI peut aussi convenir, voire pas d'EDI du tout.
L'avantage d'eric6 réside surtout dans la partie génération de code, qui est très bien
intégrée.
La première chose à savoir, c'est qu'eric6 appelle feuilles les fichiers .ui. Dès lors,
pour créer notre fichier une fois le projet BiblioApp ouvert dans eric6, on va
logiquement sur le panneau Feuilles du projet, dans le Gestionnaire de projet. Ce
panneau, initialement vide, affiche les fichiers .ui associés au projet (il pourra y en
avoir plusieurs si l'application comporte plusieurs fenêtres, typiquement des fenêtres
de dialogue). Sur ce panneau, activons Nouvelle feuille… dans le menu contextuel :
une boîte de dialogue apparaît demandant de choisir le type de feuille ; nous
choisissons Fenêtre principale. Enfin, nous saisissons main_window_biblio.ui
comme nom de fichier. Après confirmation, le fichier est créé, il apparaît comme une
nouvelle feuille du projet. En faisant un double-clic sur cet élément, Qt Designer se
lance et ouvre le fichier main_window_biblio.ui : une fenêtre principale vide
apparaît, prête à être décorée comme un sapin de Noël !
Note > Si vous voulez travailler sans eric6, il suffit de lancer Qt Designer comme
expliqué plus haut. La démarche est fort semblable : choisissez le type de fenêtre à
créer : Main Window (non traduit en français !) et sauvegardez le fichier sous le nom
main_window_biblio.ui. Au besoin, vous pourrez intégrer ce fichier plus tard à un
projet eric6 via l'action Ajouter des feuilles… du menu contextuel.
89