什么是补间动画?

补间动画是一个概念,允许你以平滑的方式更改对象的属性。你只需告诉它哪些属性要更改,当补间结束运行时它们应该具有哪些最终值,以及这需要多长时间,补间引擎将负责计算从起始点到结束点的值。


就是说:指定动画持续的时间,开始状态和结束状态。扩展就可以(根据插值器)自动计算中间的状态,生成动画。


目前的问题:

不支持画布、图像精灵、球形精灵。

相关功能块

添加一个动画

98111c0f27c365ae92938015729373e453c05670.png

添加一个动画,产生一组动画。可以针对不同的组件或者不同的属性,产生多个动画。


component:组件,需要产生动画的组件

property:字串,动画的哪个属性(可以使用下面的帮助属性块)

interpolator:数字,插值器,支持从1到8。1.加速再减速, 2.加速,3.减速,4.弹跳, 5.线性, 6.回退加超出, 7.回退, 8.超出.

duration:数字,动画持续时间,单位毫秒

delay:数字,动画延迟运行时间,单位毫秒

values:列表,属性要改变的值,如果指定多个值,就从第一个值补间到第二个,再到第三个。。。如果只有一个值,就是从组件属性现在的值过度到第一个值。


开始一组动画

e32bdfd5f54ca7b8930042d55efb1149b6b67057.png

isTogether:逻辑值,若为真,所有动画一起开始。若为假,所有动画按顺序依次开始(第一个结束再开始第二个。。。)


暂停一组动画

314c44b9ec946dc9347a5531565327f08ee34185.png


继续一组动画

b49bad1aa0fdb31e0848f7d25c5022f3532938b4.png


取消一组动画

0f17a1c072d985f9f57574fc1485ab933882b80b.png


清除所有动画

f02e3e8881dcafad39cfc00b5a01d3ca49695fe7.png

生成一组新的动画之前调用这个块。


动画完成事件

bbe2bbf778bb253aae26db011620b2ec1aae8335.png

动画组件支持的属性块
c072e047216cd64275995a3e9011efe8904b1d8d.png

下载链接:

cn.kevinkun.Tween.aix.zip


credit:

扩展使用rush生成。

标签: 扩展, 动画

添加新评论