Bir önceki püf noktamızda animasyon nasıl oluşturulur onu görmüştük. Şimdi de o animasyonun xaml içerisindeki yapısına ve projede C# tarafında nasıl oynatılacağına göz atalım.
sayfa içerisindeki konumunu 2 saniye boyunca bir noktaya doğru değiştiren image nesnemizin XAML kodu aşağıdaki gibi olmaktadır.
<Storyboard x:Name="animasyon">
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="gün_batımı"
Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
<EasingDoubleKeyFrame KeyTime="00:00:02" Value="-389"/>
</DoubleAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="gün_batımı"
Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
<EasingDoubleKeyFrame KeyTime="00:00:02" Value="136"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
StoryBoard isminde tagler arasında animasyonun hangi saniyelerde hangi nesneye değişiklik olarak ne yapılacağını göstermekte. Bu şekilde animasyonumuz xml olarak tanımlanmaktadır. 2 saniye sonra X ve Y koordinatlarından ne kadar farklı şekilde hareket edeceğini görmekteyiz.
C# Tarafında da bu animasyonu oynatmak için animasyonumuza verdiğimiz isim ile erişebiliriz. Erişerek animasyon nesnemizin tüm özelliklerine erişebiliriz.
Görüldüğü gibi animasyonumuza animasyon ismini vermiştik. Bunu da C# tarafından erişerek, uygulamamızda istediğimiz yerde istediğimiz event altında oynatabiliriz.
Kolay gelsin.