peau de chagrin, avec la configuration de base d'ApplicationWindow :
Note > Le code source de cet exemple et les fichiers d'éléments associés sont
disponibles dans le dossier biblioapp-decompose .
import QtQuick 2.5
BiblioApp {
width: 450
height: 400
visible: true
title: "BiblioApp"
}
La modularisation du code peut continuer avec le modèle des genres, qui n'est rien
d'autre qu'une liste avec deux fonctions JavaScript. En effet, cette partie du code
pourrait être utile pour bon nombre d'applications, mémoriser une liste d'éléments et
effectuer des recherches par nom étant des choses relativement courantes. Cette
opération se fait en créant un fichier GenreModel.qml, qui contient le code de ce
composant.
import QtQuick 2.5
ListModel {
function findGenreIndexByName(name) { … }
function findGenreDatabaseIndexByName(name) { … }
}
Le fichier principal main.qml n'étant plus qu'une coquille vide, il faut que le code de
BiblioApp se retrouve quelque part : il s'agit du composant BiblioApp (utilisé plus
haut), c'est-à-dire du fichier BiblioApp.qml. Il correspond en très grande partie au
fichier principal des chapitres précédents, avec certains paramètres déplacés dans
main.qml et le modèle des genres GenreModel.
ApplicationWindow {
id: window
// …
GenreModel { id: genreModel }
ListModel { id: bookModel }
// …
}
[22] Une position x et y, des dimensions width et height, des ancres anchors.
372