KeyFrameAnimation.Direction Propriété

Définition

Espace de noms:

Microsoft.UI.Composition

Direction de l’animation.

La propriété Direction vous permet de piloter votre animation de bout en bout ou de bout en début, ou d’alterner entre début et fin ou fin de début si l’animation a un nombre ItérationCount supérieur à un. Cela permet de personnaliser facilement les définitions d’animation.

public:
 property AnimationDirection Direction { AnimationDirection get(); void set(AnimationDirection value); };

AnimationDirection Direction();

void Direction(AnimationDirection value);

public AnimationDirection Direction { get; set; }

var animationDirection = keyFrameAnimation.direction;
keyFrameAnimation.direction = animationDirection;

Public Property Direction As AnimationDirection

Valeur de propriété

AnimationDirection

Direction de l’animation.

Exemples

AnimationDirection est normal

class Direction 
{ 
  Direction(Compositor compositor, SpriteVisual heroVisual) 
  { 
    Vector3KeyFrameAnimation animation = compositor.CreateVector3KeyFrameAnimation(); 
    animation.InsertKeyFrame(0f, new Vector3(0f,0f,0f)); 
    animation.InsertKeyFrame(1f, new Vector3(20f,20f,0f)); 
    animation.Duration = TimeSpan.FromSeconds(0.25); 

    // Run animation for 4 times 
    animation.IterationCount = 4; 

    // Direction of animation is normal i.e. forward. 
    animation.Direction = AnimationDirection.Normal; 

    heroVisual.StartAnimation("Offset", animation); 
  } 
} 

AnimationDirection a la valeur Inverse

class Direction 
{ 
  Direction(Compositor compositor, SpriteVisual heroVisual) 
  { 
    Vector3KeyFrameAnimation animation = compositor.CreateVector3KeyFrameAnimation(); 
    animation.InsertKeyFrame(0f, new Vector3(0f,0f,0f)); 
    animation.InsertKeyFrame(1f, new Vector3(20f,20f,0f)); 
    animation.Duration = TimeSpan.FromSeconds(0.25); 

    // Run animation for 4 times 
    animation.IterationCount = 4; 

    // Direction of animation is Reverse i.e. end to start. 
    animation.Direction = AnimationDirection.Reverse; 

    heroVisual.StartAnimation("Offset", animation); 
  } 
} 

AnimationDirection a la valeur Alternative

class Direction 
{ 
  Direction(Compositor compositor, SpriteVisual heroVisual) 
  { 
    Vector3KeyFrameAnimation animation = compositor.CreateVector3KeyFrameAnimation(); 
    animation.InsertKeyFrame(0f, new Vector3(0f,0f,0f)); 
    animation.InsertKeyFrame(1f, new Vector3(20f,20f,0f)); 
    animation.Duration = TimeSpan.FromSeconds(0.25); 

    // Run animation for 4 times 
    animation.IterationCount = 4; 

    // Direction of animation is alternate i.e. start to end and then end to start and so on. 
    animation.Direction = AnimationDirection.Alternate; 

    heroVisual.StartAnimation("Offset", animation); 
  } 
} 

AnimationDirection est AlternateReverse

class Direction 
{ 
  Direction(Compositor compositor, SpriteVisual heroVisual) 
  { 
    Vector3KeyFrameAnimation animation = compositor.CreateVector3KeyFrameAnimation(); 
    animation.InsertKeyFrame(0f, new Vector3(0f,0f,0f)); 
    animation.InsertKeyFrame(1f, new Vector3(20f,20f,0f)); 
    animation.Duration = TimeSpan.FromSeconds(0.25); 

    // Run animation for 4 times 
    animation.IterationCount = 4; 

    // Direction of animation is alternate-reverse i.e. end to start and then start to end and so on. 
    animation.Direction = AnimationDirection.AlternateReverse; 

    heroVisual.StartAnimation("Offset", animation); 
  } 
} 

Remarques

Étant donné une animation de décalage avec un nombre d’itérations de 3 et deux images clés (0 et 1) avec une valeur vector3 (5,5,5) pour l’image clé 0 et une valeur vector3(20,20,20) pour l’image clé 1, le tableau suivant montre le comportement de l’animation avec des valeurs différentes pour Direction.

Sens	Comportement de l’animation
Normal	L’animation démarre à partir de la valeur de décalage Vector3(5,5,5) et va à Vector3(20,20,20), en répétant 3 fois toujours à partir de (5,5,5).
Inverser	L’animation démarre en valeur inverse et décalée (20,20,20) et passe à (5,5,5) en répétant 3 fois toujours à partir de (20,20,20).
Alterner	Pour la première itération, l’animation commence à partir de la valeur de décalage (5,5,5) et passe à (20,20,20). Dans la deuxième animation d’itération, l’animation commence à partir de la valeur de décalage (20,20,20) et passe à (5,5,5). Dans la troisième et dernière itération, l’animation commence à partir du décalage (5,5,5) et passe à (20,20,20).
AlternateReverse	Pour la première itération, l’animation commence à partir de la valeur de décalage (20,20,20) et passe à (5,5,5). Dans la deuxième itération, l’animation commence à partir de la valeur de décalage (5,5,5) et passe à (20, 20, 20). Dans la troisième et dernière itération, l’animation commence par décalage (20, 20, 20) et passe à (5,5,5).