中断动画

Question

想象一下Windows Phone。

有一个球（一个圆圈）。

当你点击某处时，球会向那个水龙头移动。

当它到达那个地方时，它会停止。

你点击其他地方。

球移向第二个位置。

但是，在它到达目的地之前，你点击其他地方。第三次点击。

现在球改变方向朝第三个方向发展。

要向水龙头移动 - 这是一个简单的动画。

改变中途的课程; 你是怎么做到的？

如果我只是停止第一个动画，则没有缓和。

我需要轻柔，顺利地改变课程。

一个想法？

Answer 1

如果你希望缓和在球2点的位置停止，然后缓和开始移动到第3点，我会做这样的事情：

1. 将终点（第二个点）修改为距离第二个点方向的球当前位置10-20个像素。
2. 当该点到达新的第二点时，开始向第三点移动。

这是一个帮助的图表：