4. Transitions et vues
Les transitions ne servent pas seulement à passer d'un état à un autre (comme à la
section précédente), elles peuvent être utilisées dans d'autres contextes : par exemple à
l'intérieur des modèles et des vues Qt Quick. Dans ce cas, elles s'appliquent à
différents moments (indiqués à la place d'une propriété plus générique transitions) :
lors de l'ajout (add), de la suppression (remove), du déplacement (move) d'éléments
dans la vue. Chaque transition n'a alors plus besoin d'un état initial ou d'un état final :
de par la propriété où elle est enregistrée, Qt Quick sait automatiquement quand
l'utiliser.
Par exemple, dans une liste, pour changer très progressivement l'opacité de chaque
élément ajouté dans le modèle, NumberAnimation permet de changer la valeur de la
propriété numérique opacity du composant Text utilisé, en passant d'une valeur nulle
(from, en début d'animation) à une valeur unitaire (to, en fin d'animation).
ListView {
// …
model: model
delegate: Text {
text: value
}
add: Transition {
NumberAnimation {
property: "opacity"
from: 0
to: 1.0
duration: 5000
}
}
focus: true
Keys.onReturnPressed: model.insert(0, {'value': 4})
}
Figure 22.3 : Transition lors de l'ajout d'un élément dans une vue (vidéo)
425