Bagikan melalui


KeyFrameAnimation.Direction Properti

Definisi

Arah animasi diputar.

Properti Arah memungkinkan Anda untuk mendorong animasi Anda dari awal hingga akhir untuk memulai atau bergantian antara awal dan akhir atau akhir untuk memulai jika animasi memiliki IterationCount yang lebih besar dari satu. Ini memberikan cara mudah untuk menyesuaikan definisi animasi.

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

Nilai Properti

Arah animasi diputar.

Persyaratan Windows

Rangkaian perangkat
Windows 10 Anniversary Edition (diperkenalkan dalam 10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (diperkenalkan dalam v3.0)

Contoh

AnimationDirection Adalah 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 adalah Terbalik

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 adalah Alternatif

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

Keterangan

Mengingat animasi offset dengan jumlah iterasi 3 dan dua keyframe (0, dan 1) dengan nilai Vector3(5,5,5) untuk keyframe 0 dan nilai Vector3(20,20,20) untuk keyframe 1, tabel berikut menunjukkan perilaku animasi dengan nilai yang berbeda untuk Direction.

PetunjukPerilaku Animasi
NormalAnimasi akan dimulai dari nilai offset Vector3(5,5,5) dan pergi ke Vector3 (20,20,20), berulang 3 kali selalu mulai dari (5,5,5).
BalikAnimasi akan dimulai dalam nilai terbalik dan offset (20.20.20) dan masuk ke (5.5,5) berulang 3 kali selalu dimulai dari (20.20.20).
AlternatifUntuk iterasi pertama animasi akan dimulai dari nilai offset (5,5,5) dan pergi ke (20,20,20). Pada animasi iterasi kedua animasi akan dimulai dari nilai offset (20.20.20) dan masuk ke (5,5,5). Dalam iterasi ketiga dan terakhir animasi akan dimulai dari offset (5,5,5) dan pergi ke (20,20,20).
AlternateReverseUntuk iterasi pertama, animasi akan dimulai dari nilai offset (20.20.20) dan masuk ke (5,5,5). Dalam iterasi kedua animasi akan dimulai dari nilai offset (5,5,5) dan masuk ke (20, 20, 20). Pada iterasi ketiga dan terakhir animasi akan dimulai dari offset (20, 20, 20) dan masuk ke (5,5,5).

Berlaku untuk