模块 hilo/tween/Tween
依赖
hilo/core/Class
源码
Tween.js
Tween类提供缓动功能。
使用示例:
ticker.addTick(Hilo.Tween);//需要把Tween加到ticker里才能使用 var view = new View({x:5, y:10}); Hilo.Tween.to(view, { x:100, y:20, alpha:0 }, { duration:1000, delay:500, ease:Hilo.Ease.Quad.EaseIn, onComplete:function(){ console.log('complete'); } });
属性 | 定义于 | |
---|---|---|
delay:Int
缓动延迟时间。单位毫秒。
|
Tween | |
duration:Int
缓动总时长。单位毫秒。
|
Tween | |
ease:Function
缓动变化函数。默认为null。
|
Tween | |
loop:Boolean
缓动是否循环。默认为false。
|
Tween | |
onComplete:Function
缓动结束回调函数。它接受1个参数:tween。默认值为null。
|
Tween | |
onStart:Function
缓动开始回调函数。它接受1个参数:tween。默认值为null。
|
Tween | |
onUpdate:Function
缓动更新回调函数。它接受2个参数:ratio和tween。默认值为null。
|
Tween | |
paused:Boolean
缓动是否暂停。默认为false。
|
Tween | |
repeat:Int
缓动重复的次数。默认为0。
|
Tween | |
repeatDelay:Int
缓动重复的延迟时长。单位为毫秒。
|
Tween | |
reverse:Boolean
缓动是否反转播放。默认为false。
|
Tween | |
target:Object
缓动目标。只读属性。
|
Tween | |
time:Int
缓动已进行的时长。单位毫秒。只读属性。
|
Tween |
方法 | 定义于 | |
---|---|---|
Tween(target:Object, fromProps:Object, toProps:Object, params:Object)
构造函数
|
Tween | |
连接下一个Tween变换。其开始时间根据delay值不同而不同。当delay值为字符串且以'+'或'-'开始时,Tween的开始时间从当前变换结束点计算,否则以当前变换起始点计算。
|
Tween | |
pause():Tween
暂停缓动动画的播放。
|
Tween | |
resume():Tween
恢复缓动动画的播放。
|
Tween | |
seek(time:Number, pause:Boolean):Tween
跳转Tween到指定的时间。
|
Tween | |
setProps(fromProps:Object, toProps:Object):Tween
设置缓动对象的初始和目标属性。
|
Tween | |
start():Tween
启动缓动动画的播放。
|
Tween | |
stop():Tween
停止缓动动画的播放。
|
Tween | |
tick():Object
static
更新所有Tween实例。
|
Tween | |
static
添加Tween实例。
|
Tween | |
static
删除Tween实例。
|
Tween | |
removeAll():Object
static
删除所有Tween实例。
|
Tween | |
fromTo(target:Object|Array, fromProps, toProps, params):Tween|Array
static
创建一个缓动动画,让目标对象从开始属性变换到目标属性。
|
Tween | |
to(target:Object|Array, toProps, params):Tween|Array
static
创建一个缓动动画,让目标对象从当前属性变换到目标属性。
|
Tween | |
from(target:Object|Array, fromProps, params):Tween|Array
static
创建一个缓动动画,让目标对象从指定的起始属性变换到当前属性。
|
Tween |