Partager via


KeyFrameAnimation.Direction Propriété

Définition

Direction de la lecture 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 de bout en début si l’animation a une valeur ItérationCount supérieure à 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é

Direction de la lecture de l’animation.

Configuration requise pour Windows

Famille d’appareils
Windows 10 Anniversary Edition (introduit dans 10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduit dans v3.0)

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 est inversé

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 Alternate

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 de 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.

SensComportement de l’animation
NormalL’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).
InverserL’animation démarre en valeur inverse et de décalage (20,20,20) et passe à (5,5,5) en répétant 3 fois toujours à partir de (20,20,20).
AlternerPour la première itération, l’animation démarre à partir de la valeur de décalage (5,5,5) et va à (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 va à (5,5,5). Dans la troisième et dernière itération, l’animation démarre à partir du décalage (5,5,5) et va à (20,20,20).
AlternateReversePour la première itération, l’animation démarre à partir de la valeur de décalage (20,20,20) et va à (5,5,5). Dans la deuxième itération, l’animation démarre à 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 à partir du décalage (20, 20, 20) et passe à (5,5,5).

S’applique à