Question

我正在设计一个像这样的游戏

class Anima
{
    Storyboard story;
    Random rand;
    Canvas canvas;
    Ellipse target;

    public Anima() {
        rand = new Random();
        canvas = new Canvas();
        target = new Ellipse();

        target.Fill = Brushes.Red;
        target.Width = 50;
        target.Height = 50;
        Canvas.SetLeft(target, rand.NextDouble() * 300);
        Canvas.SetTop(target, rand.NextDouble() * 300);
        canvas.Children.Add(target);

        story = new Storyboard();
        story.BeginTime = TimeSpan.FromMilliseconds(rand.Next(500, 5000));

        DoubleAnimation a = new DoubleAnimation();
        a.To = rand.NextDouble() * 300;
        a.Duration = new Duration(TimeSpan.FromMilliseconds(50));

        Storyboard.SetTarget(a, target);
        Storyboard.SetTargetProperty(a, new PropertyPath(Canvas.LeftProperty));
        story.Children.Add(a);

        DoubleAnimation b = new DoubleAnimation();
        b.To = rand.NextDouble() * 300;
        b.Duration = new Duration(TimeSpan.FromMilliseconds(50));

        Storyboard.SetTarget(b, target);
        Storyboard.SetTargetProperty(b, new PropertyPath(Canvas.TopProperty));
        story.Children.Add(b);

        story.Completed += new EventHandler(story_Completed);

        Window win = new Window();

        win.Loaded += delegate(object sender, RoutedEventArgs e) {
            story.Begin();
        };

        win.Content = canvas;
        win.Show();
    }

    void story_Completed(object sender, EventArgs e) {
        int next = rand.Next(500, 5000);
        double left = rand.NextDouble() * 300;
        double top = rand.NextDouble() * 300;

        Console.WriteLine("position: ({0:G6}, {1:G6})", Canvas.GetLeft(target), Canvas.GetTop(target));
        Console.WriteLine("state   : wait for " + next + " ms");
        Console.WriteLine("next    : ({0:G6}, {1:G6})", left, top);
        Console.WriteLine();

        (story.Children[0] as DoubleAnimation).To = left;
        (story.Children[1] as DoubleAnimation).To = top;

        story.BeginTime = TimeSpan.FromMilliseconds(next);
        story.Begin();
    }
}

一切都很好，但我发现椭圆没有得到正确的位置并且误差大约为2％到50％。似乎在动画结束之前触发了Storyboard.Completed事件。

它出了什么问题？

Answer 1

我建议你使用CompositionTarget.Rendering事件或DispatcherTimer来控制复杂的动画，特别是如果你正在开发游戏。内置动画不够精确，无法轻易控制。

以下是一些可以帮助您开始使用CompositionTarget

的链接

How to: Render on a Per Frame Interval Using CompositionTarget

Using the CompositionTarget

Fun with Animation Part 1

Answer 2

使用Dispatcher.BeginInvoke(...)，您可以获得正确的值

WPF - 故事板完成的活动

2 个答案: