如何在 Flex 4.5 应用程序中使用 MovieClips 补间？

Question

我是 Flex 新手，正在尝试将纯 Flash/AS3 纸牌游戏 移植到弹性 4.5。

它大部分工作得很好，但我在那里遗漏了一些谜题部分：

我创建了一个基于 UIComponent 的自定义组件，表示一副纸牌（它们是 Sprites 或 MovieClip 的数组）：

在最初的纯 Flash/AS3 游戏中，我对桌上的 3 张牌使用了 Tween - 向游戏用户显示谁放了哪张牌（通过将它们滑向打表中间）：

import fl.transitions.*;
import fl.transitions.easing.*;

public class Deck extends UIComponent {
    private var _card:Array = new Array(3);
    private var _tween:Array = new Array(3);
            ....

    override protected function createChildren():void {
        _tween[YOU] = new Tween(_card[0], 'y', Regular.easeOut, _card[0].y + 40, _card[0].y, .5, true);
        _tween[LEFT] = new Tween(_card[1], 'x', Regular.easeOut, _card[1].x - 40, _card[1].x, .5, true);
        _tween[RIGHT] = new Tween(_card[2], 'x', Regular.easeOut, _card[2].x + 40, _card[2].x, .5, true);
             ....

但是Flash Builder 4.5似乎根本不知道fl.transitions.*包？

有人对如何使用 有建议吗补间在这里？

就像我写的其余部分（我的自定义 Flex 组件、移动卡片精灵等）效果很好。只有 Tween 行需要注释。

谢谢你！ 亚历克斯

Answer 1

查看 Google 代码上的 Tweener 类。使用它，您可以指定对象、其属性及其所需值的映射以及时间，并且它将这些属性从当前值“补间”到所需值。

Tweener.addTween(yourCard, {y:50, time:1});//for a 1 second tween 

Answer 2

我的第一个下意识反应是将 flash.swc（由 Flash CS Pro 提供）添加到 Flex 构建路径中，然后：

import fl.transitions.*;
import fl.transitions.easing.*;

可以再次使用。

但从长远来看，我可能会编写自己的函数来移动扑克牌并运行它事件。ENTER_FRAME。因为我不想仅仅为了卡片滑动而包含 Tweener 或 Tweenlite 库。

        _tween[0] = _card[0].y;
        _tween[1] = _card[1].x;
        _tween[2] = _card[2].x;
                ....
        _card[0].y = _tween[0] + 20;
        addEventListener(Event.ENTER_FRAME, slideCardYou);

        _card[1].x = _tween[1] - 20;
        addEventListener(Event.ENTER_FRAME, slideCardLeft);

        _card[2].x = _tween[2] + 20;
        addEventListener(Event.ENTER_FRAME, slideCardRight);
                ....

    private function slideCardYou(event:Event):void {
        if (_card[0].y-- < _tween[0]) 
            removeEventListener(Event.ENTER_FRAME, slideCardYou);
    }

    private function slideCardLeft(event:Event):void {
        if (_card[1].x++ > _tween[1]) 
            removeEventListener(Event.ENTER_FRAME, slideCardLeft);
    }

    private function slideCardRight(event:Event):void {
        if (_card[2].x-- < _tween[2]) 
            removeEventListener(Event.ENTER_FRAME, slideCardRight);
    }

我还查看了 mx.effects.Tween 和 Spark.effects.Animate，但它们似乎更适合 UIComponent，而不是像我这样的 Sprites。