API Docs for: 1.10.1 最后更新日期:2016年03月28日
Google搜索   
Show:

LTransitionManager Class

Available since 1.8.0

Library:lufylegend.LTransitionManager-x.x.x.min.js

定义动画效果。 它允许您将九种动画效果中的一种应用于影片剪辑。 在创建自定义组件时,您可以使用 LTransitionManager 类将动画效果应用于组件可视界面中的影片剪辑。整体来说,有九个不同的动画可以用。

您可以通过两种方式创建 TransitionManager 实例:

请调用 LTransitionManager.start() 方法。 这是创建 LTransitionManager 实例最简单的方式,建议使用该方式。

使用 new 运算符。 然后可以指定过渡属性,并通过调用 LTransitionManager.startTransition() 方法在另一步中启动过渡效果。

Constructor

LTransitionManager

(
  • displayObject
)
public

Defined in lib/LTransitionManager-0.1.1.js:771

Available since 1.8.0

Parameters:

Methods

LTransitionManager.start

(
  • content
  • transParams
)
public static

Defined in lib/LTransitionManager-0.1.0.js:813

Available since 1.8.0

[静态] 不创建新的 LTransitionManager 实例,直接指定目标对象,应用过渡并启动该过渡。

Parameters:

  • content LDisplayObject

    要应用过渡效果的对象。

  • transParams Object

    在对象内传递的参数的集合。 transParams 对象应包含 type 参数,该参数(后面跟有 direction、duration 和 easing 参数) 指示要应用的过渡效果类。 此外,还必须包括该过渡效果类所必需的任何参数。 例如,LIris过渡效果类需要附加的 startPoint 和 shape 参数。 因此,除了每个过渡都需要的 type、duration 和 easing 参数外,您还应该添加 LIris 效果所需要的 startPoint 和 shape 参数(添加到 transParams 对象)。

    transParams可以使用的值:

    属性类型说明
    typefloat过渡效果的类型,具体类型请参考LTransition
    durationfloat过渡效果的时间长度。
    easeLEasing (or Function)动画的补间效果,比如LEasing.Quad.easeIn or LEasing.Cubic.easeOut。默认值是LEasing.None.easeIn.

Example:

LInit(20,"legend",640,400,main);
function main(){
    var layer = new LSprite();
    addChild(layer);
    var sprite01 = new LSprite();
    sprite01.graphics.drawRect(1, "#ff0000", [0, 0, 300, 300], true, "#ff0000");
    layer.addChild(sprite01);
    var sprite02 = new LSprite();
    sprite02.graphics.drawRect(1, "#008800", [0, 0, 300, 300], true, "#008800");
    layer.addChild(sprite02);
    var transParams = {type:LTransition.Fly,startPoint:1,duration:2,direction:LTransition.OUT,easing:Strong.easeOut};
    LTransitionManager.start(sprite02,transParams);
}

LTransitionManager.start

(
  • content
  • transParams
)
public static

Defined in lib/LTransitionManager-0.1.1.js:816

Available since 1.8.0

[静态] 不创建新的 LTransitionManager 实例,直接指定目标对象,应用过渡并启动该过渡。

Parameters:

  • content LDisplayObject

    要应用过渡效果的对象。

  • transParams Object

    在对象内传递的参数的集合。 transParams 对象应包含 type 参数,该参数(后面跟有 direction、duration 和 easing 参数) 指示要应用的过渡效果类。 此外,还必须包括该过渡效果类所必需的任何参数。 例如,LIris过渡效果类需要附加的 startPoint 和 shape 参数。 因此,除了每个过渡都需要的 type、duration 和 easing 参数外,您还应该添加 LIris 效果所需要的 startPoint 和 shape 参数(添加到 transParams 对象)。

    transParams可以使用的值:

    属性类型说明
    typefloat过渡效果的类型,具体类型请参考LTransition
    durationfloat过渡效果的时间长度。
    easeLEasing (or Function)动画的补间效果,比如LEasing.Quad.easeIn or LEasing.Cubic.easeOut。默认值是LEasing.None.easeIn.

Example:

LInit(20,"legend",640,400,main);
function main(){
    var layer = new LSprite();
    addChild(layer);
    var sprite01 = new LSprite();
    sprite01.graphics.drawRect(1, "#ff0000", [0, 0, 300, 300], true, "#ff0000");
    layer.addChild(sprite01);
    var sprite02 = new LSprite();
    sprite02.graphics.drawRect(1, "#008800", [0, 0, 300, 300], true, "#008800");
    layer.addChild(sprite02);
    var transParams = {type:LTransition.Fly,startPoint:1,duration:2,direction:LTransition.OUT,easing:Strong.easeOut};
    LTransitionManager.start(sprite02,transParams);
}

startTransition

(
  • transParams
)
public

Defined in lib/LTransitionManager-0.1.0.js:786

Available since 1.8.0

创建新的 LTransitionManager 实例,并指定目标对象,应用过渡并启动该过渡。

Parameters:

  • transParams Object

    请参考LTransitionManager.start的transParams参数。

Example:

LInit(20,"legend",640,400,main);
function main(){
    var layer = new LSprite();
    addChild(layer);
    var sprite01 = new LSprite();
    sprite01.graphics.drawRect(1, "#ff0000", [0, 0, 300, 300], true, "#ff0000");
    layer.addChild(sprite01);
    var sprite02 = new LSprite();
    sprite02.graphics.drawRect(1, "#008800", [0, 0, 300, 300], true, "#008800");
    layer.addChild(sprite02);
    var transitionManager = new LTransitionManager(sprite02);
    var transParams = {type:LTransition.Fly,startPoint:1,duration:2,direction:LTransition.OUT,easing:Strong.easeOut};
    transitionManager.startTransition(transParams);
}

startTransition

(
  • transParams
)
public

Defined in lib/LTransitionManager-0.1.1.js:789

Available since 1.8.0

创建新的 LTransitionManager 实例,并指定目标对象,应用过渡并启动该过渡。

Parameters:

  • transParams Object

    请参考LTransitionManager.start的transParams参数。

Example:

LInit(20,"legend",640,400,main);
function main(){
    var layer = new LSprite();
    addChild(layer);
    var sprite01 = new LSprite();
    sprite01.graphics.drawRect(1, "#ff0000", [0, 0, 300, 300], true, "#ff0000");
    layer.addChild(sprite01);
    var sprite02 = new LSprite();
    sprite02.graphics.drawRect(1, "#008800", [0, 0, 300, 300], true, "#008800");
    layer.addChild(sprite02);
    var transitionManager = new LTransitionManager(sprite02);
    var transParams = {type:LTransition.Fly,startPoint:1,duration:2,direction:LTransition.OUT,easing:Strong.easeOut};
    transitionManager.startTransition(transParams);
}