Sequence effects : Sequence Effect « Effects « Flex

  1. Flex
  2. Effects
  3. Sequence Effect




Sequence effects

Sequence effects
   
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

  <mx:Sequence id="moveOn">
    <mx:Move xFrom="{0-myImage.width}" xTo="150" yFrom="0" yTo="0"/>
    <mx:Pause duration="500"/>
    <mx:Move yTo="100"/>
  </mx:Sequence>
    
  <mx:Move id="moveOff" xTo="{0-myImage.width}" xFrom="150" yTo="{0-myImage.height}" yFrom="100"/>
    
  <mx:Image id="myImage" source="logo.jpg" x="150" y="100" showEffect="{moveOn}" hideEffect="{moveOff}"/>
  <mx:Button x="150" y="375" label="Show Image" click="myImage.visible=true"/>
  <mx:Button x="374" y="375" label="Hide Image" click="myImage.visible=false"/>
</mx:Application>










Related examples in the same category

1.Sequence effect with Sequence effect with <mx:Sequence>
2.Add effect sequence to a control