Class: Tween

Tween

new Tween(target, fromProps, toProps, params)

core/Tween.js, line 1

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
Back TweenEaseObject
Bounce TweenEaseObject
Circ TweenEaseObject
Cubic TweenEaseObject
Elastic TweenEaseObject
Expo TweenEaseObject
Linear TweenEaseObject
Quad TweenEaseObject
Quart TweenEaseObject
Quint TweenEaseObject
Sine TweenEaseObject
See:

Methods Show Inherited

start(){Tween}

core/Tween.js, line 58

启动缓动动画的播放。

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

stop(){Tween}

core/Tween.js, line 65

停止缓动动画的播放。

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

pause(){Tween}

core/Tween.js, line 72

暂停缓动动画的播放。

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

resume(){Tween}

core/Tween.js, line 79

恢复缓动动画的播放。

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

seek(time, pause){Tween}

core/Tween.js, line 86

跳转Tween到指定的时间。

Name Type Description
time Number

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

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

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

Name Type Description
tween Tween

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

staticTween.tick(){any}

core/Tween.js, line 103

更新所有Tween实例。

Returns:
Type Description
any Tween

staticTween.add(){any}

core/Tween.js, line 110
Returns:
Type Description
any Tween

staticTween.remove(){any}

core/Tween.js, line 116
Returns:
Type Description
any Tween

staticTween.removeAll(){any}

core/Tween.js, line 122
Returns:
Type Description
any Tween

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

core/Tween.js, line 128

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

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 140

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

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 151

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

Name Type Description
target Object | Array

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

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

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