如何在 wpf 中的两个动画之间创建时间延迟

Question

我是WPF的新手，我只想一个接一个地对两个对象进行动画处理。这意味着第二个动画应该在第一个完成后开始。我尝试使用计时器和睡眠方法，但效果不佳。下面是一个示例代码：

DoubleAnimation da1 = new DoubleAnimation()
{
   From = 10,
   To = 200,
   Duration = new System.Windows.Duration(TimeSpan.FromSeconds(sec)),
};

temLabel1.BeginAnimation(Canvas.TopProperty, da1);
Delay(); // Delay when busy
DoubleAnimation da2 = new DoubleAnimation()
{
   From = 300,
   To = 500,
   Duration = new System.Windows.Duration(TimeSpan.FromSeconds(sec)),
};
ItemLabels2.BeginAnimation(Canvas.LeftProperty, da2);

我正在使用Timer在两个动画之间创建时间延迟

 /* Setting Timer For delay during animation */
  timer.Interval = sec * 1000 + 50;
  timer.Elapsed += Timer_Elapsed;    

延迟函数的代码是：

void Delay()
{
     busy = true;
     timer.Start();
     while (busy) {}
}

计时器已用事件处理程序

private void Timer_Elapsed(object sender, ElapsedEventArgs e)
{
    busy = false;
    timer.Stop();
 }

请纠正我错的地方。我不想为此目的使用 Note：DoubleAnimation.Completed事件处理程序，因为在通过循环处理和动画对象集合时会很困难。您的回复将不胜感激。

Answer 1

试试这个：

private int sec = 2;
private async Task StartAnimation()
{
    await StartAnimationForLabel1();
    await StartAnimationForLabel2();
}
private async Task StartAnimationForLabel1()
{
    DoubleAnimation da1 = new DoubleAnimation()
    {
        From = 10,
        To = 200,
        Duration = new System.Windows.Duration(TimeSpan.FromSeconds(sec)),
    };
     ItemLabel1.BeginAnimation(Canvas.TopProperty, da1);
    await Task.Delay(sec * 1000); 
}
private async Task StartAnimationForLabel2()
{
    DoubleAnimation da2 = new DoubleAnimation()
    {
        From = 300,
        To = 500,
        Duration = new System.Windows.Duration(TimeSpan.FromSeconds(sec)),
    };
    ItemLabels2.BeginAnimation(Canvas.LeftProperty, da2);
    await Task.Delay(sec * 1000);
}

要了解有关异步和等待异步编程的更多信息，请参阅此处

需要 .NET Framework 4.5 或更高版本

Answer 2

您至少有 2 个选项

1. 在动画上使用已完成事件 - 在事件处理程序中启动第二个动画
2. 使用情节提要链接动画

我认为选项 1 适合您的需求。