Question

WPF Storyboard播放多个DoubleAnimation出现卡顿

有一个DoubleAnimation的List，在Storyboard的Completed中不断给Storyboard加入DoubleAnimation。然后根据动画的轨迹在Canvas上描出动画轨迹经过的点，但是在动画切换的时候出现卡顿，怎么解决

Answer 1

没有贴代码，以下只能猜测。
两个方向：动画的处理方式是否可以优化，动画轨迹的点处理是否可以优化？
DoubleAnimation的List，是否使用的是同一个Storyboard实例？
如果是，是否在Storyboard的Completed之后清除了已经完成DoubleAnimation？
如果不清除，将会导致Storyboard每次要处理的Animation不断累积。

可以缩减DoubleAnimation的集合的长度，观察执行效果，查看动画轨迹的处理是否影响动画。

追问

  

您好，这是代码，您的意思是每次触发Completed事件都将Storyboard中的Animation清除掉是么？listlistDAUP是动画的集合

追答

看代码，story是Storyboard的实例，全局的。
如果在上一次动画完成后不清除story的Animation集合，story的Animation会将之前执行过的DoubleAnimation再执行一遍，这样所有播放过的动画，会在后面的播放动作中再播放一次，直至集合遍历结束，你可以设置断点查看story的Children的情况。
不知道，这样设计是否为了达到某个目的？还是说可以通过其他途径达到你要的效果？

追问

补充一下，我是通过用动画去移动button，然后在获取button的坐标，就把改点给画出来，上面说的有些是需要画出来，有些不用的意思是button依然在移动，但是后台进行判断该点需不需要被画出来。

追答

你想实现的效果是类似粉笔在黑板上画线，要有粉笔及轨迹（button和button移动），在需要的地方要有笔迹（Path中需要画出来的线段），假如是这样的需求，如下代码
画线动画，结合一个Button轨迹，如果只需要Button轨迹去掉line即可：
private void DrawLineAnimation(double x1, double y1, double x2, double y2)
{ Line line = new Line();
Button btn = new Button();
btn.Width = 12;
btn.Height = 12;
btn.Background = Brushes.Red;
Canvas.SetLeft(btn, x1 - btn.Width / 2);
Canvas.SetTop(btn, y1 - btn.Height / 2);
_RootLayout.Children.Add(line); //_RootLayout 为动画容器
_RootLayout.Children.Add(btn);
Storyboard sbLine = new Storyboard();//For Line 动画定义省略...
Storyboard sbBtn = new Storyboard();//For Button 动画定义省略...
sbLine.Completed += sbLine_Completed; //声明动画结束事件
sbBtn.Completed += sbBtn_Completed;
line.BeginStoryboard(sbLine);
btn.BeginStoryboard(sbBtn);
}
这段代码是是我实现画线动画的部分长度限制动画定义部分省略了，Button是结合补充内容加上去的。通过递归修改索引的方式遍历线段集，就可以把Path路径画出来。