Sequence 와 parallel 비교

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
    <mx:Script>
        <![CDATA[
            import mx.effects.easing.*;
        ]]>
    </mx:Script>
    
    <mx:Sequence id="movePauseMove"> //여러 Effect를 차례대로 실행되게 함.
        <mx:Move xBy="100" yBy="100" duration="2000" easingFunction="Bounce.easeOut" />
        <mx:Pause duration="1500" />
        <mx:Move xBy="100" yBy="-100" duration="2000" easingFunction="Bounce.easeIn" />
    </mx:Sequence>
    
    <mx:Panel title="Pause" width="100%" height="100%"
    paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
        <mx:Image source="@Embed(source='b.gif')" mouseDownEffect="{movePauseMove}" />
    </mx:Panel>
</mx:Application>


--------------------------------------------------------------------
Bounce.easeOut , Bounce.easeIn : 공튀는 효과..
--------------------------------------------------------------------



sequence 와 parallel 비교

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
 <mx:Sequence id="expand" target="{img}">
  <mx:Move xTo="{canvas.width/2 - 200}" yTo="{canvas.height/2 - 100}" />
  <mx:Resize widthTo="50" heightTo="50" />
 </mx:Sequence>
 
 <mx:Parallel id="contract" target="{img}">
  <mx:Move xTo="10" yTo="10" />
  <mx:Resize widthTo="500" heightTo="283" />
 </mx:Parallel>
 
 <mx:Panel title="Parallel Effect" width="100%" height="100%"
 paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
  <mx:Canvas id="canvas" width="100%" height="100%">
   <mx:Image id="img" x="10" y="10" source="@Embed(source='b.gif')" />
  </mx:Canvas>
 
  <mx:ControlBar>
   <mx:Button label="Expand" click="expand.end(); expand.play();" />
   <mx:Button label="Contract" click="contract.end(); contract.play();" />
  </mx:ControlBar>
 </mx:Panel>
</mx:Application>

parallel 은 동시에 실행한다.