使用WPF格式的图像双动画

时间:2016-03-13 11:32:47

标签: c# wpf xaml animation doubleanimation

我想用移动动画将汽车移动到0,0点,但问题是我得到了一个错误然后我使用了这个函数 - https://gyazo.com/1f47e18f955c12dc1907fcf4d7b19d6a。 应用外观: https://gyazo.com/10fb071534809229cb98955f9fb86231。 有我的代码(我在一篇文章WPF. Easiest way to move Image to (X,Y) programmatically?中找到了这个函数):

public void Eiti(Image target, double newX, double newY)
    {
        var top = Canvas.GetTop(target);
        var left = Canvas.GetLeft(target);
        TranslateTransform trans = new TranslateTransform();
        target.RenderTransform = trans;
        DoubleAnimation anim1 = new DoubleAnimation(top, newY - top, TimeSpan.FromSeconds(10));
        DoubleAnimation anim2 = new DoubleAnimation(left, newX - left, TimeSpan.FromSeconds(10));
        trans.BeginAnimation(TranslateTransform.XProperty, anim1);
        trans.BeginAnimation(TranslateTransform.YProperty, anim2);
    }

和xaml:

    <DockPanel Grid.Row="1" Background="#FF695887">
        <Canvas>
            <Image Name="car1" />
        </Canvas>
    </DockPanel>

如何解决?

1 个答案:

答案 0 :(得分:-1)

public void Eiti(Image target, double newX, double newY)
    {
        var top = Canvas.GetTop(target);
        var left = Canvas.GetLeft(target);
        top = Double.IsNaN(top) ? 0 : top;
        left = Double.IsNaN(left) ? 0 : left;

        var storyboard = new Storyboard();

        DoubleAnimation anim1 = new DoubleAnimation(top, newY, TimeSpan.FromSeconds(10));
        Storyboard.SetTarget(anim1, target);
        Storyboard.SetTargetProperty(anim1, new PropertyPath(Canvas.TopProperty));
        storyboard.Children.Add(anim1);

        DoubleAnimation anim2 = new DoubleAnimation(left, newX, TimeSpan.FromSeconds(10));
        Storyboard.SetTarget(anim2, target);
        Storyboard.SetTargetProperty(anim2, new PropertyPath(Canvas.LeftProperty));
        storyboard.Children.Add(anim2);

        storyboard.Begin();
    }