PathAnimation QML Type

Anime un élément le long d'un tracé. En savoir plus...

• 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 points de départ ni d'arrivée, 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 point de départ du chemin correspondra à la position actuelle de l’élément, et le point d’arrivée correspondra à sa position cible dans l’état cible.

Voir également «Animation et transitions » sur Qt Quick et PathInterpolator.

Documentation sur les propriétés

anchorPoint : point

Cette propriété définit le point d'ancrage de l'élément animé.

Par défaut, le coin supérieur gauche de la cible (son point 0,0) sera ancré sur le chemin (ou le suivra). La propriété anchorPoint permet de spécifier un autre point d'ancrage. Par exemple, si l'on définit anchorPoint sur 5,5 pour un élément de 10x10, cela signifie que le centre de l'élément suivra le tracé.

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'accélération utilisée pour l'animation.

Pour définir une courbe d'accélération, vous devez au moins préciser son type. Pour certaines courbes, vous pouvez également spécifier l'amplitude, la période, le dépassement ou des données personnalisées de type « bezierCurve ». La courbe d'accélération par défaut est « Easing.Linear ».

Consultez la documentation relative à PropertyAnimation::easing.type pour obtenir des informations sur les différents types de courbes d'accélération.

endRotation : real

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

Si une orientation a été spécifiée pour l'PathAnimation, et que le chemin ne se termine pas avec l'élément dans 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 rotation finale (`endRotation`) sans ` orientationExitDuration ` peut entraîner 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 lors de son animation le long du tracé.

Si une valeur autre que « Fixed » est spécifiée, l'PathAnimation fera pivoter l'élément pour lui donner l'orientation spécifiée au fur et à mesure qu'il se déplace le long du tracé.

• PathAnimation PathAnimation.Fixed (par défaut) : l’ e ne contrôle pas la rotation de l’élément.
• PathAnimation.RightFirst : le côté droit de l’élément sera en tête le long du tracé.
• PathAnimation.LeftFirst - Le côté gauche de l'élément sera en tête le long du chemin.
• PathAnimation.BottomFirst : le bas de l’élément sera en tête le long du chemin.
• PathAnimation.TopFirst : le haut de l'élément sera en tête 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 l’ PathAnimation, et que la rotation initiale de l’élément ne correspond pas à celle indiquée par l’orientation, la propriété orientationEntryDuration peut être utilisée pour effectuer une transition en douceur entre la rotation initiale de l’élément et la rotation indiquée par l’orientation du chemin.

orientationExitDuration : real

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

Si une orientation et une « endRotation » ont été spécifiées pour l’« PathAnimation », la propriété «orientationExitDuration» peut être utilisée pour effectuer une transition en douceur entre la rotation définie par l’orientation du chemin et l’« endRotation » spécifiée.

path : Path

Cette propriété contient le chemin à suivre pour l'animation.

Pour plus d’informations sur la définition d’un chemin, consultez la documentation d’ Path.

target : Item

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