Qt Quick Vue d'ensemble de la ligne de temps

Les lignes de temps peuvent être utilisées pour animer des éléments et définir leur comportement. Une seule ligne de temps peut être active à un moment donné.

L'animation des propriétés des éléments permet à leurs valeurs de passer par des valeurs intermédiaires au lieu de passer immédiatement à la valeur cible. Par exemple, pour déplacer un élément dans une scène, vous pouvez animer les propriétés qui contrôlent la position de l'élément, x et y, de manière à ce que la position de l'élément change aux images clés sur le chemin de la position cible. De même, vous pouvez modifier les propriétés de couleur et d'échelle de l'élément aux images clés pour qu'il semble se rapprocher ou s'éloigner.

Qt Design Studio contient un éditeur de ligne de temps pour créer des animations basées sur des images clés.

Qt Design Studio avec images clés" src="images/timeline-editor.png" title="Éditeur de ligne de temps dans Qt Design Studio avec images clés"/>

Qt Quick vous permet de déclarer divers états de l'interface utilisateur dans les objets State. Ces états sont constitués de changements de propriétés à partir d'un état de base et peuvent constituer un moyen utile d'organiser votre logique d'interface utilisateur. Les transitions sont des objets que vous pouvez associer à un élément pour définir la façon dont ses propriétés s'animeront lorsqu'elles changeront en raison d'un changement d'état. Vous pouvez lier les animations de la ligne de temps aux états dans Qt Design Studio.