Concepts importants en Qt Quick: états, transitions et animations

Dans toute interface utilisateur moderne, les transitions entre les états et l’animation de l’interface utilisateur sont très utiles. Il s’agit de concepts fondamentaux dans l’ Qt Quick.

Cette page décrit les concepts d’états, de transitions d’états et d’animations de propriétés. Elle explique en détail quels concepts sont importants et pourquoi, ainsi que la manière dont ils s’articulent entre eux. Elle fournit également des liens vers des informations approfondies sur les types QML proposés par Qt Quick pour mettre en œuvre ces concepts.

États

L’état d’un élément visuel donné correspond à l’ensemble des informations décrivant comment et où les différents composants de cet élément sont affichés au sein de celui-ci, ainsi que toutes les données associées à cet état. La plupart des éléments visuels d’une interface utilisateur possèdent un nombre limité d’états, chacun doté de propriétés bien définies.

Par exemple, un élément d’une liste peut être sélectionné ou non ; s’il est sélectionné, il peut s’agir soit de la sélection unique actuellement active, soit d’un élément faisant partie d’un groupe de sélection.

Chacun de ces états peut être associé à une apparence visuelle spécifique (neutre, mis en surbrillance, développé, etc.).

Qt Quick fournit un type « State » doté de propriétés qui définissent sa sémantique et peuvent être utilisées pour déclencher des comportements ou des animations. Consultez la documentation sur les états d’Qt Quick pour plus d’informations.

Transitions

Lorsqu’un élément visuel passe d’un état à un autre, son apparence change. Une transition est une « limite » entre deux états. Elle peut déclencher d’autres événements, car d’autres parties de l’application peuvent présenter un comportement qui se déclenche lorsqu’un certain état est atteint ou quitté.

Qt Quick fournit le type « Transition », dont les propriétés définissent ce qui se produira lorsque l'application passe d'un état à un autre. Consultez la documentation sur les transitions lors des changements d'état pour plus d'informations sur les transitions.

Animations

Lors d’une transition entre deux états, une animation fluide peut être utilisée pour faciliter la transition pour l’utilisateur. Les changements brusques et inattendus sur l’interface visuelle nuisent à l’expérience utilisateur et doivent être évités.

Si un élément d’une liste est sélectionné, le changement de couleur (de neutre à surligné) peut être animé. Si la position de l’élément dans la liste est modifiée, celui-ci peut être déplacé de manière fluide et animée afin que le regard de l’utilisateur puisse suivre le changement.

Ces types d’animations sont pris en charge dans Qt Quick grâce à divers types d’animations et de transitions. Consultez la documentation sur les animations et les transitions dans Qt Quick pour plus d’informations sur ces types et leur utilisation.

Animation des affectations de propriétés

Les animations ne concernent pas uniquement les états et les transitions entre ces états. Par exemple, une animation peut être déclenchée par d’autres événements qui ne sont pas associés à un état spécifique.

Il est souvent utile d’animer systématiquement les modifications apportées à certaines propriétés des éléments visuels, quelle que soit la cause de ces modifications (par exemple, les effets d’opacité). Qt Quick fournit le type Behavior, qui permet au client de spécifier le comportement d’animation pour les modifications de propriétés. Le type Behavior est un exemple de modificateur de propriété d’objet QML.

Veuillez consulter la documentation relative aux animations de propriétés par défaut pour plus d’informations sur l’utilisation du type ` Behavior ` afin de fournir des animations par défaut pour les modifications de propriétés.

Il est important de noter que l’utilisation d’animations de propriétés par défaut (via le type ` Behavior `) en combinaison avec des animations de transition d’état peut parfois entraîner un comportement indéfini. Veuillez consulter la documentation sur l’utilisation des comportements d’ Qt Quick s avec les états pour plus d’informations à ce sujet.

Animateurs

Les types ` Animator ` constituent un type particulier d’animation qui contourne les objets QML et agit directement sur les primitives du graphe de scène. Cela présente l’avantage que les animations basées sur des animateurs peuvent s’exécuter sur le thread de rendu du graphe de scène (le cas échéant) et peuvent continuer à s’exécuter même lorsque l’interface utilisateur est bloquée pour d’autres raisons.

Qt Quick fournit les types d’xml-ph-0000@deepl.internals suivants :

• XAnimator - Anime la position horizontale d’un élément d’ Item.
• YAnimator - Anime la position verticale d’un « Item ».
• ScaleAnimator - Anime le facteur d'échelle d'un Item.
• RotationAnimator - Anime la rotation d’un élément « Item ».
• OpacityAnimator - Anime l'opacité d'un Item.
• UniformAnimator - Anime un uniforme dans une ShaderEffect.

Sprites animés

Le concept de sprites animés est distinct de celui d’animations tel qu’il est utilisé ailleurs sur cette page. Si vous souhaitez créer ou utiliser une image ou un sprite animé, veuillez consulter la documentation relative aux animations de sprites.