Thursday, January 8, 2009

How to play multiple effect at one time

Here is a quick example of playing multiple effects at one time in flex. if you try to run multiple effect w/o put them in a parallel effect, they just wont work. You have put all your effect in parallel effect to play them simultaneously.

<?xml version="1.0"?>
<!-- Simple example to demonstrate the Parallel effect. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Parallel id="expand" target="{img}">
<mx:Move xTo="{canvas.width/2 - 50}" yTo="{canvas.heig
ht/2 - 100}"/>
<mx:Resize widthTo="100" heightTo="200"/>
</mx:Parallel>

<mx:Parallel id="contract" target="{img}">
<mx:Move xTo="20" yTo="20"/>
<mx:Resize widthTo="30" heightTo="60"/>
</mx:Parallel>

<mx:Panel title="Parallel Effect Example" width="100%"
; height="100%"
paddingTop="10" paddingLeft="10" paddingRight="
10" paddingBottom="10">

<mx:Text width="100%" color="blue"
text="Use the Button controls to move and resize the phone imag
e in parallel."/>

<mx:Canvas id="canvas" width="100%" height="
100%">
<mx:Image id="img" x="20" y="20" wi
dth="30" height="60"
source="@Embed(source='assets/Nokia_6630.png')"/>
</mx:Canvas>

<mx:ControlBar>
<mx:Button label="Expand" click="expand.end(); exp
and.play();"/>
<mx:Button label="Contract" click="contract.end();
contract.play();"/>
</mx:ControlBar>

</mx:Panel>
</mx:Application>

I hope this will help. This example is from Flex Help. You can find more on it here

Thanks