PathAnimation QML Type

Anime un élément le long d'une trajectoire. Plus d'informations...

• Liste de tous les membres, y compris les membres hérités

Propriétés

• anchorPoint : point
• duration : int
• easing
  • easing.amplitude : real
  • easing.bezierCurve : list<real>
  • easing.overshoot : real
  • easing.period : real
  • easing.type : enumeration
• endRotation : real
• orientation : enumeration
• orientationEntryDuration : real
• orientationExitDuration : real
• path : Path
• target : Item

Description détaillée

Lorsqu'il est utilisé dans une transition, le chemin peut être spécifié sans point de départ ni de fin, par exemple :

PathAnimation {
    path: Path {
        //no startX, startY
        PathCurve { x: 100; y: 100}
        PathCurve {}    //last element is empty with no end point specified
    }
}

Dans le cas ci-dessus, le début du chemin sera la position actuelle de l'élément et la fin du chemin sera la position de l'élément dans l'état cible.

Voir également Animation et Transitions dans Qt Quick et PathInterpolator.

Documentation sur les propriétés

anchorPoint : point

Cette propriété contient le point d'ancrage de l'élément en cours d'animation.

Par défaut, le coin supérieur gauche de la cible (son point 0,0) sera ancré à (ou suivra) la trajectoire. La propriété anchorPoint peut être utilisée pour spécifier un point d'ancrage différent. Par exemple, en spécifiant un point d'ancrage de 5,5 pour un élément 10x10, le centre de l'élément suivra la trajectoire.

duration : int

Cette propriété indique la durée de l'animation, en millisecondes.

La valeur par défaut est 250.

easing group

la courbe d'assouplissement utilisée pour l'animation.

Pour spécifier une courbe d'assouplissement, vous devez au moins spécifier le type. Pour certaines courbes, vous pouvez également spécifier l'amplitude, la période, le dépassement ou des données de courbe de Bézier personnalisées. La courbe d'assouplissement par défaut est Easing.Linear.

Consultez la documentation de PropertyAnimation::easing.type pour obtenir des informations sur les différents types de courbes d'assouplissement.

endRotation : real

Cette propriété indique la rotation finale de la cible.

Si une orientation a été spécifiée pour PathAnimation, et que le chemin ne se termine pas avec l'élément à la rotation souhaitée, la propriété endRotation peut être utilisée pour spécifier manuellement une rotation finale.

Cette propriété est généralement utilisée avec orientationExitDuration, car la spécification d'une endRotation sans orientationExitDuration peut provoquer un saut vers la rotation finale, plutôt qu'une transition en douceur.

orientation : enumeration

Cette propriété contrôle la rotation de l'élément lorsqu'il est animé le long de la trajectoire.

Si une valeur autre que Fixed est spécifiée, PathAnimation fera pivoter l'élément pour obtenir l'orientation spécifiée lorsqu'il se déplace le long de la trajectoire.

• PathAnimation.Fixed (valeur par défaut) - PathAnimation ne contrôle pas la rotation de l'élément.
• PathAnimation.RightFirst - Le côté droit de l'élément est placé en tête de la trajectoire.
• PathAnimation.LeftFirst - Le côté gauche de l'élément suivra la trajectoire.
• PathAnimation.BottomFirst - Le bas de l'élément sera placé le long de la trajectoire.
• PathAnimation.TopFirst - Le haut de l'élément conduira le long du chemin.

orientationEntryDuration : real

Cette propriété indique la durée (en millisecondes) de la transition vers l'orientation.

Si une orientation a été spécifiée pour le site PathAnimation, et que la rotation initiale de l'élément ne correspond pas à celle donnée par l'orientation, orientationEntryDuration peut être utilisée pour assurer une transition en douceur entre la rotation initiale de l'élément et la rotation donnée par l'orientation du chemin.

orientationExitDuration : real

Cette propriété indique la durée (en millisecondes) de la transition hors de l'orientation.

Si une orientation et endRotation ont été spécifiées pour PathAnimation, orientationExitDuration peut être utilisée pour passer en douceur de la rotation donnée par l'orientation du chemin à l'orientation spécifiée endRotation.

path : Path

Cette propriété contient le chemin à animer.

Pour plus d'informations sur la définition d'un chemin, voir la documentation de Path.

target : Item

Cette propriété contient l'élément à animer.