Pourquoi l'animation Canvas.SetTop ne fonctionne pas correctement?

Question

Je cette XAML:

<Canvas Width="75" Height="75"> 
     <Button x:Name="button" Background="Olive" Canvas.Left="0" Canvas.Top="0" Width="75" Height="75" Click="button_Click"/> 
    </Canvas> 

Et ce code derrière:

Private Sub button_Click(ByVal sender as Object, ByVal e as System.Windows.RoutedEventArgs) 
     Canvas.SetTop(sender, -75) 

     Dim sb1 As New Storyboard 
     Dim da1 As New DoubleAnimationUsingKeyFrames 
     da1.BeginTime = TimeSpan.FromSeconds(0) 
     Storyboard.SetTargetName(da1, CType(sender, Button).Name) 
     Storyboard.SetTargetProperty(da1, New PropertyPath(Canvas.TopProperty)) 

     Dim t1 As Double = Canvas.GetTop(sender) 
     da1.KeyFrames.Add(New SplineDoubleKeyFrame(t1 + 75, TimeSpan.FromSeconds(0.2))) 
     sb1.Children.Add(da1) 

     BeginStoryboard(sb1)   
    End Sub 

Lorsque je clique sur le bouton la première fois, il va bien par 75 et anime à 0, mais quand je cliquez à nouveau sur le bouton, il ne fait qu'animer 75. Pourquoi saute-t-il la ligne Canvas.SetTop et va directement à la partie animée? Et comment résoudre ce problème?

Answer 1

Utilisez ce code (il est en C#) avant Canvas.SetTop

(sender as UIElement).BeginAnimation(Canvas.TopProperty, null); 

Cela évitera que toute animation remplace la valeur Canvas.TopProperty

Ce lien vous aidera

http://joshsmithonwpf.wordpress.com/2008/08/21/removing-the-value-applied-by-an-animation/