Sequence Effect With Easing : Sequence « Effects « Flex






Sequence Effect With Easing

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

    <mx:Script>
        
            import mx.effects.easing.Exponential;
      
    </mx:Script>

    <mx:Sequence id="sequenceEffect" target="{myPanel}">
        <mx:Resize widthBy="-150" heightBy="-150" easingFunction="{Exponential.easeOut}" />
        <mx:Blur blurXTo="0" blurYTo="0" />
    </mx:Sequence>
    
    <mx:Panel title="Panel" id="myPanel" width="100" height="100" />
    
    <mx:Button label="Sequence Effect" click="sequenceEffect.play()" />
    
    <mx:ComboBox openEasingFunction="{Exponential.easeInOut}" 
                 closeEasingFunction="{Exponential.easeInOut}" 
                 openDuration="250" 
                 closeDuration="500">
        <mx:dataProvider>
            <mx:Array>
                <mx:Object label="A" />
                <mx:Object label="B" />
                <mx:Object label="C" />
                <mx:Object label="D" />
                <mx:Object label="E" />
                <mx:Object label="F" />
                <mx:Object label="G" />
            </mx:Array>
        </mx:dataProvider>
    </mx:ComboBox>
    
</mx:Application>

   
    
    
    
  








Related examples in the same category

1.Sequence EffectSequence Effect
2.Play a SequencePlay a Sequence
3.Nesting two parallel composites in a sequence
4.Hide and show a controlHide and show a control
5.Using AnimateProperty to animate control by propertyUsing AnimateProperty to animate control by property
6.Animate the scaleX property of a controlAnimate the scaleX property of a control