KeyFrameAnimation.Direction Propriedade

Definição

Namespace:

Microsoft.UI.Composition

A direção em que a animação está sendo reproduzida.

A propriedade Direction permite que você conduza sua animação do início ao fim ou do fim ao início ou à alternativa entre o início e o fim ou o início se a animação tiver uma IterationCount maior que uma. Isso oferece uma maneira fácil de personalizar definições de animação.

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

Valor da propriedade

AnimationDirection

A direção em que a animação está sendo reproduzida.

Exemplos

AnimationDirection é 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 é Reverso

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 é Alternativo

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 é 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); 
  } 
} 

Comentários

Dada uma animação de deslocamento com uma contagem de iteração de 3 e dois quadros-chave (0 e 1) com um valor de Vector3(5,5,5) para o quadro-chave 0 e um valor de Vector3(20,20,20) para o quadro-chave 1, a tabela a seguir mostra o comportamento da animação com valores diferentes para Direction.

Direção	Comportamento de animação
Normal	A animação começará com o valor de deslocamento Vector3(5,5,5) e irá para Vector3(20,20,20), repetindo 3 vezes sempre começando de (5,5,5).
Reverse	A animação começará no valor inverso e deslocado (20,20,20) e vai para (5,5,5) repetindo três vezes sempre a partir de (20,20,20).
Alternativo	Para a primeira iteração, a animação começará do valor de deslocamento (5,5,5) e irá para (20,20,20). Na segunda animação de iteração, a animação começará do valor de deslocamento (20,20,20) e irá para (5,5,5). Na terceira e última iteração, a animação começará do deslocamento (5,5,5) e irá para (20,20,20).
AlternateReverse	Para a primeira iteração, a animação começará do valor de deslocamento (20,20,20) e irá para (5,5,5). Na segunda iteração, a animação começará do valor de deslocamento (5,5,5) e irá para (20, 20, 20). Na terceira e última iteração, a animação começará do deslocamento (20, 20, 20) e irá para (5,5,5).