Fade behavior in Flex
In this tutorial we can illustrate about fade behavior in flex.
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:-
