如何使用WPF画布以编程方式将图像从一个点动画化为另一点?

时间:2019-05-22 14:52:34

标签: c# wpf animation point

我正在处理WPF应用程序。在此应用中,我需要在铁路上移动火车。我在画布上画了所有的铁路线。所以我只需要移动火车。

我还搜索了互联网,发现that!例子。

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Shapes;
using System.Windows.Media.Animation;
using System.Windows.Media;

namespace SDKSamples
{
// This example shows how to use PointAnimation to animate the
// position of an ellipse by animating the Center property of an 
// EllipseGeometry. PointAnimation is used because the Center property
// takes a Point value.
public class PointAnimationExample : Page
{
    public PointAnimationExample()
    {

        // Create a NameScope for this page so that
        // Storyboards can be used.
        NameScope.SetNameScope(this, new NameScope());

        EllipseGeometry myEllipseGeometry = new EllipseGeometry();
        myEllipseGeometry.Center = new Point(200, 100);
        myEllipseGeometry.RadiusX = 15;
        myEllipseGeometry.RadiusY = 15;

        // Assign the EllipseGeometry a name so that
        // it can be targeted by a Storyboard.
        this.RegisterName(
            "MyAnimatedEllipseGeometry", myEllipseGeometry);

        Path myPath = new Path();
        myPath.Fill = Brushes.Blue;
        myPath.Margin = new Thickness(15);
        myPath.Data = myEllipseGeometry;

        PointAnimation myPointAnimation = new PointAnimation();
        myPointAnimation.Duration = TimeSpan.FromSeconds(2);

        // Set the animation to repeat forever. 
        myPointAnimation.RepeatBehavior = RepeatBehavior.Forever;

        // Set the From and To properties of the animation.
        myPointAnimation.From = new Point(200, 100);
        myPointAnimation.To = new Point(450, 250);

        // Set the animation to target the Center property
        // of the object named "MyAnimatedEllipseGeometry."
        Storyboard.SetTargetName(myPointAnimation, "MyAnimatedEllipseGeometry");
        Storyboard.SetTargetProperty(
            myPointAnimation, new PropertyPath(EllipseGeometry.CenterProperty));

        // Create a storyboard to apply the animation.
        Storyboard ellipseStoryboard = new Storyboard();
        ellipseStoryboard.Children.Add(myPointAnimation);

        // Start the storyboard when the Path loads.
        myPath.Loaded += delegate(object sender, RoutedEventArgs e)
        {
            ellipseStoryboard.Begin(this);
        };

        Canvas containerCanvas = new Canvas();
        containerCanvas.Children.Add(myPath);

        Content = containerCanvas;
    }

}

}

我尝试了此代码及其工作。但是,当我运行该应用程序时,我之前绘制的道路不再出现。那么我该如何在铁路上移动火车呢?

1 个答案:

答案 0 :(得分:1)

我继续搜索,找到了解决方案。 我曾经使用DoubleAnimation实例。 工作代码如下。

        public void move( Image target, double oldX, double oldY, double newX, 
        double newY,int time)
        {
        TranslateTransform trans = new TranslateTransform();
        target.RenderTransform = trans;

        DoubleAnimation anim1 = new DoubleAnimation(oldY, newY, 
TimeSpan.FromSeconds(time));
        anim1.RepeatBehavior = RepeatBehavior.Forever;
        trans.BeginAnimation(TranslateTransform.YProperty, anim1);

        DoubleAnimation anim2 = new DoubleAnimation(oldX, newX, 
TimeSpan.FromSeconds(time));
        anim2.RepeatBehavior = RepeatBehavior.Forever;
        trans.BeginAnimation(TranslateTransform.XProperty, anim2);
    }