(Preview)
Package | mx.effects |
Class | public class Fade |
Inheritance | Fade ![]() ![]() ![]() ![]() |
Language Version: | ActionScript 3.0 |
Product Version: | Flex 3 |
Runtime Versions: | Flash Player 9, AIR 1.1 |
![]() | Starting with Flex 4.0, Adobe recommends that you use the spark.effects.Fade class as an alternative to this class. |
The Fade effect animates the
alpha
property of a component,
either from transparent to opaque, or from opaque to transparent.
If you specify the Fade effect for the showEffect
or hideEffect
trigger, and if you omit values for the
alphaFrom
and alphaTo
properties,
the effect automatically transitions alpha
from 0
to the target's current alpha
value on a
showEffect
trigger, and from the target's current
alpha
value to 0 on a hideEffect
trigger.
Note: To use the Fade effect with text, you must use an embedded font, not a device font.
MXML Syntax
The <mx:Fade>
tag
inherits the tag attributes of its superclass,
and adds the following tag attributes:
<mx:Fade id="ID" alphaFrom="val" alphaTo="val" />
Related API Elements
Public Properties
Property | Defined By | ||
---|---|---|---|
![]() | constructor : Object
A reference to the class object or constructor function for a given object instance. | Object |
Protected Properties
Public Methods
Method | Defined By | ||
---|---|---|---|
![]() | addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
Registers an event listener object with an EventDispatcher object so that the listener
receives notification of an event. | EventDispatcher | |
![]() |
Dispatches an event into the event flow. | EventDispatcher | |
![]() |
Checks whether the EventDispatcher object has any listeners registered for a specific type
of event. | EventDispatcher | |
![]() |
Indicates whether an object has a specified property defined. | Object | |
![]() |
Indicates whether an instance of the Object class is in the prototype chain of the object specified
as the parameter. | Object | |
![]() |
Indicates whether the specified property exists and is enumerable. | Object | |
![]() |
Removes a listener from the EventDispatcher object. | EventDispatcher | |
![]() |
Sets the availability of a dynamic property for loop operations. | Object | |
![]() |
Returns the string representation of this object, formatted according to locale-specific conventions. | Object | |
![]() |
Returns the string representation of the specified object. | Object | |
![]() |
Returns the primitive value of the specified object. | Object | |
![]() |
Checks whether an event listener is registered with this EventDispatcher object or any of
its ancestors for the specified event type. | EventDispatcher |
Protected Methods
Property Detail
Constructor Detail
Examples How to use this example
FadeEffectExample.mxml
<?xml version="1.0"?> <!-- Simple example to demonstrate the Halo Fade effect. --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" initialize="Font.registerFont(myriad_font);"> <fx:Script> <![CDATA[ import flash.text.Font; [Embed("assets/MyriadWebPro.ttf", fontName="MyMyriad")] public var myriad_font:Class; ]]> </fx:Script> <fx:Declarations> <mx:Fade id="fadeOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/> <mx:Fade id="fadeIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/> </fx:Declarations> <s:Panel title="Halo Fade Effect Example" width="95%" height="95%"> <s:VGroup left="20" right="20" top="20" bottom="20"> <s:Label width="100%" color="blue" text="Use the Fade effect to show or hide the text and image. Use an embedded font when applying the Fade effect to text."/> <mx:Text text="Nokia 9930" fontFamily="MyMyriad" fontSize="14" visible="{cb1.selected}" hideEffect="{fadeOut}" showEffect="{fadeIn}"/> <mx:Image source="@Embed(source='assets/Nokia_6630.png')" visible="{cb1.selected}" hideEffect="{fadeOut}" showEffect="{fadeIn}"/> <s:CheckBox id="cb1" label="visible" selected="true"/> </s:VGroup> </s:Panel> </s:Application>
Wed Nov 21 2018, 06:34 AM -08:00