3. Barres de défilement
Lorsque du contenu est trop grand pour une fenêtre, toutes les plateformes implémentent
un mécanisme ou l'autre pour laisser l'utilisateur choisir la partie à afficher : avec un
clavier et une souris, des barres de défilement (ou ascenseurs) ; quand seul un écran
tactile est disponible, des gestes.
Avec Qt Quick, le mécanisme des barres de défilement est déjà implémenté par le
composant ScrollView. Son utilisation est redoutablement simple : il suffit de donner la
taille souhaitée à la ScrollView, puis d'y insérer le contenu.
À titre d'exemple, on peut générer un dégradé de couleurs (du bleu au rouge en passant
par le blanc) deux fois plus grand que la fenêtre : initialement, seule la transition du
bleu au blanc est visible ; en faisant défiler, on commence à voir du rouge.
ScrollView {
anchors.fill: parent
Rectangle {
width: window.width - 17
height: 2 * window.height
gradient: Gradient {
GradientStop { position: 0.0; color: "blue" }
GradientStop { position: 0.5; color: "white" }
GradientStop { position: 1.0; color: "red" }
}
}
}
Figure 21.3 : Utilisation des barres de défilement à travers un dégradé (vidéo)
413