用户场景

当我们把用户对按钮的点击绑定另一个组件进行耗时1秒的位移动画，那么常发生的事情是用户在1秒内快速对按钮进行5次点击，接下来会发生什么？

3种方案

  • 清空队列，立即播放新触发动画
  • 除正在播放的动画以外，清空剩余队列，将新触发动画排在其后
  • 仅将新触发动画排在动画队列的末尾


设计启示

  • 对于动画队列的控制需要综合考虑用户感受和容错性，很多时候没有完美方案。
  • 任何由用户触发的动画，都存在短时间重复触发的可能，请注意控制或清空动画队列
  • 为使动画更平顺，也可以通过锁定事件的响应，使动画播放中不可重复触发动画，达到限制动画队列长度的目的。