Comment créer une animation de séquence Silverlight par programme?

Question

J'ai besoin d'animer un rectangle pour me déplacer d'abord horizontalement, puis après 2 secondes le faire bouger verticalement. Tout cela devrait être fait par programme.

Quelqu'un peut-il m'aider? Merci!

Answer 1

Utilisation du XAML suivant:

<UserControl x:Class="SilverlightApplication1.MainPage" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
    <Canvas x:Name="LayoutRoot"> 
    <Rectangle x:Name="myBox" Fill="Red" Height="100" Width="100" Canvas.Left="0" Canvas.Top="0" /> 
    </Canvas> 
</UserControl> 

Vous pouvez créer l'animation en utilisant ce programatically:

public partial class MainPage : UserControl 
{ 
    public MainPage() 
    { 
     InitializeComponent(); 

     Loaded += MainPage_Loaded; 
    } 

    void MainPage_Loaded(object sender, RoutedEventArgs e) 
    { 
     var moveAnimation = CreateAnimation(this.myBox); 
     moveAnimation.Begin(); 
    } 

    public Storyboard CreateAnimation(FrameworkElement element) 
    { 
     var storyboard = new Storyboard(); 

     var downAnimation = new DoubleAnimationUsingKeyFrames(); 
     Storyboard.SetTarget(downAnimation, element); 
     Storyboard.SetTargetProperty(downAnimation, new PropertyPath(Canvas.TopProperty)); 
     downAnimation.KeyFrames.Add(new EasingDoubleKeyFrame 
     { 
      KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(2)), 
      Value = 200 
     }); 
     storyboard.Children.Add(downAnimation); 

     var overAnimation = new DoubleAnimationUsingKeyFrames(); 
     Storyboard.SetTarget(overAnimation, element); 
     Storyboard.SetTargetProperty(overAnimation, new PropertyPath(Canvas.LeftProperty)); 
     overAnimation.KeyFrames.Add(new EasingDoubleKeyFrame 
     { 
      KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(2)), 
      Value = 0 
     }); 
     overAnimation.KeyFrames.Add(new EasingDoubleKeyFrame 
     { 
      KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(4)), 
      Value = 200 
     }); 
     storyboard.Children.Add(overAnimation); 


     return storyboard; 
    } 
}