Fade Duration : Fade Effect « Effects « Flex






Fade Duration

Fade Duration
           

<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->



    <!-- behaviors\FadeDuration.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:s="library://ns.adobe.com/flex/spark">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <fx:Declarations>
        <s:Fade id="slowFade" duration="2000" target="{myButton1}" />
        <s:Fade id="reallySlowFade" duration="8000" target="{myButton2}" />
    </fx:Declarations>
    <s:Button id="myButton1" label="Button 1"
        creationCompleteEffect="{slowFade}" />
    <s:Button id="myButton2" label="Button 2"
        creationCompleteEffect="{reallySlowFade}" />
</s:Application>

   
    
    
    
    
    
    
    
    
    
    
  








Related examples in the same category

1.Using the AnimateProperty effect to fade a buttonUsing the AnimateProperty effect to fade a button
2.Using the Fade effect on the buttonUsing the Fade effect on the button
3.A fade effectA fade effect
4.Use Fade class to add effect to panelUse Fade class to add effect to panel
5.Apply the Fade effect to the Label control using the system font
6.Fade effectEnd eventFade effectEnd event
7.Fade effect for ButtonFade effect for Button
8.Combine Fade and Move effect into SequenceCombine Fade and Move effect into Sequence
9.Combine Fade, Pause and Move effect into SequenceCombine Fade, Pause and Move effect into Sequence
10.Add Fade and Move effect into ParallelAdd Fade and Move effect into Parallel
11.Tooltip Fade effectTooltip Fade effect
12.Fade Effects for adding item to TileFade Effects for adding item to Tile
13.Fade Button creationCompleteEffectFade Button creationCompleteEffect
14.Fly fade effectFly fade effect
15.Using Fade effect so that ToolTips fade in when the user moves the mouse pointer over a component with a ToolTipUsing Fade effect so that ToolTips fade in when the user moves the mouse pointer over a component with a ToolTip
16.Fade PropertiesFade Properties
17.Fade properties: alphaFrom, alphaTo, duration