Concepts importants dans Qt Quick - États, transitions et animations

Dans toute interface utilisateur moderne, la transition entre les états et l'animation de l'interface utilisateur sont très utiles. Ce sont des concepts de premier ordre dans Qt Quick.

Cette page décrit les concepts d'états, de transitions d'états et d'animations de propriétés. Elle précise quels concepts sont importants et pourquoi, et comment ces concepts sont interdépendants. Elle fournit également des liens vers des détails approfondis sur les types QML que Qt Quick fournit pour mettre en œuvre ces concepts.

États

L'état d'un élément visuel particulier est l'ensemble des informations qui décrivent comment et où les différents composants de l'élément visuel sont affichés, ainsi que toutes les données associées à cet état. La plupart des éléments visuels d'une interface utilisateur ont un nombre limité d'états, chacun ayant des propriétés bien définies.

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

Chacun de ces états peut avoir une certaine apparence visuelle associée (neutre, surligné, développé, etc.).

Qt Quick fournit un type State avec des propriétés qui définissent sa sémantique et peuvent être utilisées pour déclencher des comportements ou des animations. Pour plus d'informations, voir la documentation sur les étatsQt Quick .

Transitions

Lorsqu'un élément visuel passe d'un état à un autre, son apparence change. Une transition est un "bord" entre deux états. Elle peut déclencher d'autres événements, car d'autres parties de l'application peuvent avoir un comportement déclenché par l'entrée ou la sortie d'un certain état.

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

Animations

Lors du passage d'un état à un autre, une animation fluide peut être utilisée pour aider l'utilisateur pendant la transition. Les changements brusques et inattendus du canevas visuel entraînent une expérience sous-optimale pour l'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, elle peut être animée de manière fluide afin que l'œil de l'utilisateur puisse suivre le changement.

Ces types d'animation sont pris en charge dans Qt Quick par le biais de divers types d'animation et de transition. Consultez la documentation sur les animations et les transitions à l' adresse Qt Quick pour obtenir des informations sur ces types et sur la manière de les utiliser.

Animation des affectations de propriétés

Les animations ne sont pas uniquement liées aux états et aux transitions entre les états. Par exemple, une animation peut être déclenchée par d'autres événements qui ne sont pas associés à un état distinct.

Il est souvent utile de toujours animer les modifications apportées à certaines propriétés des éléments visuels, quelle que soit la cause du changement (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 apportées aux propriétés. Le type Behavior est un exemple de modificateur de propriété d'un objet QML.

Veuillez consulter la documentation sur les animations de propriétés par défaut pour plus d'informations sur l'utilisation du type Behavior pour fournir des animations de changement de propriétés par défaut.

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 non défini. Veuillez consulter la documentation relative à l'utilisation de Qt Quick Behaviors with States pour plus d'informations à ce sujet.

Animateurs

Les types Animator sont un type spécial d'animation qui contourne les objets QML et opère directement sur les primitives dans le graphe de scène. L'avantage est que les animations basées sur les animateurs peuvent être exécutées sur le thread de rendu du graphe de scène (le cas échéant) et peuvent continuer à animer même lorsque l'interface utilisateur est bloquée.

Qt Quick fournit les types d'animateurs suivants :

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

Sprites animés

Le concept de sprites animés est distinct du concept 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.