Home Tutorial Flex Flex-components Fade behavior in Flex


Share on Google+Share on Google+
Fade behavior in Flex
Posted on: March 13, 2010 at 12:00 AM
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"/>



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-



Related Tags for Fade behavior in Flex:

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.

Posted on: March 13, 2010

Recommend the tutorial

Advertisements Advertisements