KeyFrameAnimation.Direction Eigenschaft

Referenz

Definition

Namespace:: Microsoft.UI.Composition

Wichtig

Einige Informationen beziehen sich auf Vorabversionen, die vor dem Release ggf. grundlegend überarbeitet werden. Microsoft übernimmt hinsichtlich der hier bereitgestellten Informationen keine Gewährleistungen, seien sie ausdrücklich oder konkludent.

Bearbeiten

Die Richtung, in der die Animation wiedergegeben wird.

Mit der Direction-Eigenschaft können Sie Ihre Animation von Anfang zu Ende oder von Anfang zu Anfang oder zwischen Start und Ende oder Ende oder Ende zu Starten steuern, wenn die Animation einen IterationCount größer als eins aufweist. Dies bietet eine einfache Möglichkeit zum Anpassen von Animationsdefinitionen.

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

Eigenschaftswert

AnimationDirection

Die Richtung, in der die Animation wiedergegeben wird.

Beispiele

AnimationDirection ist 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 ist umgekehrt

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 ist Alternativ

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

Hinweise

Bei einer Offsetanimation mit einer Iterationsanzahl von 3 und zwei Keyframes (0 und 1) mit dem Wert Vector3(5,5,5) für Keyframe 0 und dem Wert Vector3(20,20,20) für Keyframe 1 zeigt die folgende Tabelle das Animationsverhalten mit unterschiedlichen Werten für Direction.

Direction	Animationsverhalten
Normal	Animation beginnt mit dem Offsetwert Vector3(5,5,5) und wechselt zu Vector3(20,20,20), wobei 3-mal immer ab (5,5,5) wiederholt wird.
Reverse	Animation beginnt im Umgekehrten und Offsetwert (20,20,20) und wechselt zu (5,5,5) und wiederholt sich 3-mal immer ab (20,20,20).
Alternativ	Für die erste Iteration beginnt die Animation mit dem Offsetwert (5,5,5) und wechselt zu (20,20,20). In der zweiten Iterationsanimation beginnt die Animation mit dem Offsetwert (20,20,20) und wechselt zu (5,5,5). In der dritten und letzten Iteration beginnt die Animation mit offset (5,5,5) und wechselt zu (20,20,20).
AlternateReverse	Für die erste Iteration beginnt die Animation mit dem Offsetwert (20,20,20) und wechselt zu (5,5,5). In der zweiten Iteration beginnt die Animation mit dem Offsetwert (5,5,5) und wechselt zu (20, 20, 20). In der dritten und letzten Iteration beginnt die Animation mit offset (20, 20, 20) und wechselt zu (5,5,5).

Gilt für:

Freigeben über