Class: Tween

Tween

new Tween(target, fromProps, toProps, params)

core/Tween.js, line 7

Tween类提供缓动功能。

Name Type Description
target Object

缓动对象。
fromProps Object

对象缓动的起始属性集合。
toProps Object

对象缓动的目标属性集合。
params TweenParams

缓动参数。可包含Tween类所有可写属性。
Properties:
Name Type Description
target Object

缓动目标。只读属性。
duration number

缓动总时长。单位毫秒。
delay number

缓动延迟时间。单位毫秒。
paused boolean

缓动是否暂停。默认为false。
loop boolean

缓动是否循环。默认为false。
reverse boolean

缓动是否反转播放。默认为false。
repeat number

缓动重复的次数。默认为0。
repeatDelay number

缓动重复的延迟时长。单位为毫秒。
ease function

缓动变化函数。默认为null。
time number

缓动已进行的时长。单位毫秒。只读属性。
onStart function

缓动开始回调函数。它接受1个参数：tween。默认值为null。
onUpdate function

缓动更新回调函数。它接受2个参数：ratio和tween。默认值为null。
onComplete function

缓动结束回调函数。它接受1个参数：tween。默认值为null。
See:
Example
Hilo.Tween.to(node, {
    x:100,
    y:20
}, {
    duration:1000,
    delay:500,
    ease:Hilo3d.Tween.Ease.Quad.EaseIn,
    onComplete:function(){
        console.log('complete');
    }
});

Members Show Inherited

staticTween.Ease

Ease类包含为Tween类提供各种缓动功能的函数。

Properties:
Name Type Description
Linear TweenEaseNoneObject

线性匀速缓动函数
Quad TweenEaseObject

二次缓动函数
Cubic TweenEaseObject

三次缓动函数。
Quart TweenEaseObject

四次缓动函数。
Quint TweenEaseObject

五次缓动函数。
Sine TweenEaseObject

正弦缓动函数。
Expo TweenEaseObject

指数缓动函数。
Circ TweenEaseObject

圆形缓动函数。
Elastic TweenEaseObject

弹性缓动函数。
Back TweenEaseObject

向后缓动函数。
Bounce TweenEaseObject

弹跳缓动函数。
See:

Methods Show Inherited

start(){Tween}

core/Tween.js, line 105

启动缓动动画的播放。

Returns:
Type Description
Tween Tween变换本身。可用于链式调用。

stop(){Tween}

core/Tween.js, line 125

停止缓动动画的播放。

Returns:
Type Description
Tween Tween变换本身。可用于链式调用。

pause(){Tween}

core/Tween.js, line 136

暂停缓动动画的播放。

Returns:
Type Description
Tween Tween变换本身。可用于链式调用。

resume(){Tween}

core/Tween.js, line 149

恢复缓动动画的播放。

Returns:
Type Description
Tween Tween变换本身。可用于链式调用。

seek(time, pause){Tween}

core/Tween.js, line 163

跳转Tween到指定的时间。

Name Type Description
time number

指定要跳转的时间。取值范围为：0 - duraion。
pause boolean

是否暂停。
Returns:
Type Description
Tween Tween变换本身。可用于链式调用。
core/Tween.js, line 183

连接下一个Tween变换。其开始时间根据delay值不同而不同。当delay值为字符串且以'+'或'-'开始时，Tween的开始时间从当前变换结束点计算，否则以当前变换起始点计算。

Name Type Description
tween Tween

要连接的Tween变换。
Returns:
Type Description
Tween 下一个Tween。可用于链式调用。

staticTween.tick(){Tween}

core/Tween.js, line 326

更新所有Tween实例。

Returns:
Type Description
Tween Tween

staticTween.add(tween){Tween}

core/Tween.js, line 354

添加Tween实例。

Name Type Description
tween Tween

要添加的Tween对象。
Returns:
Type Description
Tween Tween。

staticTween.remove(tweenOrTarget){Tween}

core/Tween.js, line 366

删除Tween实例。

Name Type Description
tweenOrTarget Tween | any | Array.<any>

要删除的Tween对象或target对象或要删除的一组对象。
Returns:
Type Description
Tween Tween。

staticTween.removeAll(){Tween}

core/Tween.js, line 397

删除所有Tween实例。

Returns:
Type Description
Tween Tween。

staticTween.fromTo(target, fromProps, toProps, params){Tween|Array}

core/Tween.js, line 402

创建一个缓动动画，让目标对象从开始属性变换到目标属性。

Name Type Description
target Object | Array

缓动目标对象或缓动目标数组。
fromProps Object

缓动目标对象的开始属性。
toProps Object

缓动目标对象的目标属性。
params TweenParams

缓动动画的参数。
Returns:
Type Description
Tween | Array 一个Tween实例对象或Tween实例数组。

staticTween.to(target, toProps, params){Tween|Array}

core/Tween.js, line 434

创建一个缓动动画，让目标对象从当前属性变换到目标属性。

Name Type Description
target Object | Array

缓动目标对象或缓动目标数组。
toProps Object

缓动目标对象的目标属性。
params TweenParams

缓动动画的参数。
Returns:
Type Description
Tween | Array 一个Tween实例对象或Tween实例数组。

staticTween.from(target, fromProps, params){Tween|Array}

core/Tween.js, line 447

创建一个缓动动画，让目标对象从指定的起始属性变换到当前属性。

Name Type Description
target Object | Array

缓动目标对象或缓动目标数组。
fromProps Object

缓动目标对象的初始属性。
params TweenParams

缓动动画的参数。
Returns:
Type Description
Tween | Array 一个Tween实例对象或Tween实例数组。