Search Flex Components Free

Custom Search

December 25, 2007

Flex Parallel Effect Source Code

Flex Custom Effects Defined Declaratively Sample Source Code:
Create a file:
ParallelEffectsDemo.mxml

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundAlpha="0">

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

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

<mx:Panel title="Parallel Effect Demo" width="100%" height="100%">

<mx:Canvas id="canvas" width="100%" height="100%">

<mx:Image id="img" x="20" y="20" width="30" height="60"
source="@Embed('../assets/products/Nokia_6630.png')"/>

</mx:Canvas>

<mx:ControlBar>
<mx:Button label="Emphasize" click="emphasize.play()"/>
<mx:Button label="Deemphasize" click="deemphasize.play()"/>
</mx:ControlBar>

</mx:Panel>

</mx:Application>

Related Flex Tutorials