Share on Google+Share on Google+

Fade behavior in Flex

Advertisement
In this tutorial we can illustrate about fade behavior in flex.

Flex Fade Behavior:-

In this tutorial you can see how to apply fade behavior in flex component.

Example of Flex Fade Behavior :-

<?xml version="1.0"?>

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

<mx:Fade id="fadeOut" duration="800" alphaFrom="3.0" alphaTo="0.0"/>

<mx:Fade id="fadeIn" duration="800" alphaFrom="0.0" alphaTo="3.0"/>

<mx:Panel title="Image Fade" width="50%" height="50%"

paddingTop="20" paddingLeft="25" paddingRight="25" paddingBottom="20" horizontalAlign="center">

<mx:Image id="img" source="@Embed(source='assets/button1.jpeg')" visible="{rb1.selected}" hideEffect="{fadeOut}" showEffect="{fadeIn}"/>

<mx:RadioButton id="rb1" label="show" selected="true"/>

<mx:RadioButton id="rb2" label="hide"/>

</mx:Panel>

</mx:Application>

you can see fade effects are apply on image component in this tutorial. if you select show radio button, image are display if you selected hide radio button image hide and also see  how to set duration in millisecond for flex behavior. Out put is given below-

Output:-

Advertisements

Advertisement

Posted on: March 13, 2010 If you enjoyed this post then why not add us on Google+? Add us to your Circles

Share this Tutorial Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.