Flex TitleWindow的动画效果的实现

我在这里只谈TitleWindow弹出以及退出时的动画效果的实现以及实现过程遇到的问题。TitleWindow的动画效果可以在两个地方实现，一个是TitleWindow的mxml文件里面，用动画效果的相关标签来实现；另一个是弹出TitleWindow的父窗口的mxml里面， 一般情况下，这个父窗口都是指的是主程序的主窗口（在主程序窗口中实现是为了更好的让在.as文件里面实现的动画代码可以重用，避免在TitleWindow中重复地写动画标签以及代码）。在TitleWindow的mxml文件里面实现。以上代码里，我们加入了三个标签，音效标签（mx:SoundEffect）、缩放标签（mx:Zoom）、移动标签（mx:Move），然后设置他们的target，即绑定将要利用这个动画效果的可视组件，再设置他们的duration，即动画持续时间。　　定义好动画之后，就要加入动画的触发器了，触发器可用flex 定义好的，也可以根据自己的需要进行自定义。用flex定义好的触发器如下：即在按钮的显示事件中触发动画，让动画播放。　　自定义触发器则在可视组件的事件处理方法里执行动画的play()方法，如下：　　　　 　　 　　以上就是在TitleWindow的mxml文件实现的动画效果。　　假如，你在主程序窗口的mxml文件里也定义了动画，那么，在子窗口中，也就是TitleWindow里面就没有必要再定义窗口显示时以及隐藏时的动画了。我们需要在PopUpManage里面把窗口弹出后的一瞬间，给窗口加上动画效果，弹出窗口时的动画实现跟普通的动画的实现差不多，然而退出动画却要稍微复杂一些，我们需要注意的是在退出动画里面将弹出的窗口移除，因此在我们要先在子窗口中的窗口关闭事件里面发布一个新的事件，在主窗口里监听这个事件，并添加退出动画，即播放之前的弹出动画的反向动画。在此时监听动画结束事件，在动画结束事件里面，我们再利用PopUpManage把窗口移除掉。这时会出现一个问题，因为动画结束事件里面，我们移除了窗口，因此，弹出动画后，窗口会被立马移除掉。因此我动画移除事件里面我们要把动画结束事件移除，这样就解决了退出的所有问题，下面我贴上代码。　　子窗口的窗口移除事件：

[Bindable]public var _layerChooseRemove:Function=new Function();protected function LayerChooseRemove():void{_layerChooseRemove.call(parent);}

　　主窗口中的动画相关代码：

protected function LayerChooseRemove():void{
_layerchoose.addEventListener(EffectEvent.EFFECT_END,LayerChooseEffectEnd);
Rotate3D(_layerchoose,0,0,0,360,0,0,_layerchoose.width/2,0,0,true,1000);
}
protected function LayerChooseEffectEnd(event:EffectEvent):void{
PopUpManager.removePopUp(_layerchoose);
_layerchoose.removeEventListener(EffectEvent.EFFECT_END,LayerChooseEffectEnd);
}
//子窗口弹出代码：
PopUpManager.addPopUp(_layerchoose,this,true);
_layerchoose._layerChooseRemove=LayerChooseRemove;
Rotate3D(_layerchoose,0,0,0,360,0,0,_layerchoose.width/2,0,0,false,1000）;







其中Rotate3D为自定义三维旋转方法。