KeyFrameAnimation.Direction Properti
Definisi
Penting
Beberapa informasi terkait produk prarilis yang dapat diubah secara signifikan sebelum dirilis. Microsoft tidak memberikan jaminan, tersirat maupun tersurat, sehubungan dengan informasi yang diberikan di sini.
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.
Petunjuk | Perilaku Animasi |
---|---|
Normal | Animasi 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). |
Balik | Animasi 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). |
Alternatif | Untuk 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). |
AlternateReverse | Untuk 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). |