动画结束时查看过渡

Question

事情是这样的：

我的移动应用程序的主视图上有一个图像和一个按钮。

我通过按下按钮将动画应用于图像。效果很好。

问题：

我想添加一个视图转换，在动画完成后推送到下一个视图。

代码：

AS：

    protected function nextView()
    {
    navigator.pushView(View2);
    }

MXML：

    <s:Button id="Button" click="anim.play()"/> //anim.play() is in 
    //the declarations tag and is working as expected.

    <s:Image id="img" source="@Embed('assets/image.png')"/>

我尝试过： -

在动画调用后将 nextView() 添加到 click 方法

- 使用 按钮属性中的effectEnd="nextView()"

感谢您提供的任何帮助和见解。

Answer 1

effectEnd 似乎对我有用：

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark"> 
    <fx:Declarations>
        <s:Move id="myEffect" xBy="100" target="{btn}" effectEnd="navigator.pushView(NextView)" />
    </fx:Declarations>

    <s:ViewNavigator id="navigator" width="100%" height="100%"/>

    <s:Button id="btn" label="play" click="myEffect.play()" />

</s:Application>