KeyFrameAnimation.Direction Proprietà

Riferimento

Definizione

Spazio dei nomi:: Microsoft.UI.Composition

Importante

Alcune informazioni sono relative alla release non definitiva del prodotto, che potrebbe subire modifiche significative prima della release definitiva. Microsoft non riconosce alcuna garanzia, espressa o implicita, in merito alle informazioni qui fornite.

Modifica

La direzione in cui viene riprodotta l'animazione.

La proprietà Direction consente di guidare l'animazione dall'inizio alla fine o alla fine o alternativa tra inizio e fine o fine per iniziare se l'animazione ha un IterationCount maggiore di uno. In questo modo è possibile personalizzare le definizioni di animazione.

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

Valore della proprietà

AnimationDirection

La direzione in cui viene riprodotta l'animazione.

Esempio

AnimationDirection è Normale

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 è Inverso

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

Commenti

Dato un'animazione di offset con un conteggio di iterazione di 3 e due fotogrammi chiave (0 e 1) con un valore di Vector3(5,5,5) per il fotogramma chiave 0 e un valore di Vector3(20,20,20) per il fotogramma chiave 1, la tabella seguente mostra il comportamento di animazione con valori diversi per Direction.

Direction	Comportamento dell'animazione
Normale	L'animazione inizierà dal valore di offset Vector3(5,5,5) e passerà a Vector3(20,20,20), ripetendo 3 volte sempre a partire da (5,5,5).
Reverse	L'animazione inizierà inverso e offset (20.20.20) e passa a (5.5.5) ripetendo sempre 3 volte a partire da (20.20.20.20).
Alternativo	Per la prima iterazione l'animazione inizierà dal valore di offset (5,5,5) e passa a (20,20,20.20). Nella seconda animazione iterazione l'animazione inizierà dal valore di offset (20.20.20) e passa a (5.5.5). In terzo e finale iterazione l'animazione inizierà dall'offset (5.5.5) e passa a (20.20.20).
AlternateReverse	Per la prima iterazione l'animazione inizierà dal valore di offset (20.20.20) e passa a (5.5.5). Nella seconda iterazione l'animazione inizierà dal valore di offset (5.5.5) e passa a (20, 20, 20, 20). Nella terza iterazione finale l'animazione inizierà dall'offset (20, 20, 20, 20) e passa a (5,5,5).

Si applica a

Condividi tramite