模块 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 |