1.1. Interface statique
Cette interface, certes très simple, correspond à une quarantaine de lignes de code, sans
la moindre interactivité : elle est statique, le menu se déroule, mais aucun bouton n'a
d'action. Son code est très court et très lisible : il est possible de créer ainsi très
rapidement des prototypes d'application, mais aussi de les faire évoluer.
Note > Le code des exemples qui suivent est disponible dans le dossier
applicationwindow .
ApplicationWindow {
visible: true; width: 396; height: 398
title: "BiblioApp"
menuBar: MenuBar {
Menu {
title: "&Fichier"
MenuItem { text: "Ouvrir…" }
MenuItem { text: "Enregistrer" }
MenuItem { text: "Quitter" }
}
}
toolBar: ToolBar {
RowLayout {
anchors.fill: parent
ToolButton { text: "Nouveau" }
ToolButton { text: "Sauvegarder" }
ToolButton { text: "Supprimer" }
ToolButton { text: "Quitter" }
}
}
statusBar: StatusBar {
Label { text: "Votre gestionnaire de bibliothèques depuis
2016 !" }
}
RowLayout {
x: 25; y: 150; spacing: 60
Button { text: "Nouveau" }
Button { text: "Sauvegarder" }
Button { text: "Supprimer" }
}
}
L'interface est composée de quatre zones, comme on peut le voir à la Figure 15.2 : la
307