(Preview)
Package | mx.effects |
Class | public class Sequence |
Inheritance | Sequence ![]() ![]() ![]() ![]() |
Language Version: | ActionScript 3.0 |
Product Version: | Flex 3 |
Runtime Versions: | Flash Player 9, AIR 1.1 |
You can create a Sequence effect in MXML, as the following example shows:
<mx:Sequence id="WipeRightUp"> <mx:children> <mx:WipeRight duration="1000"/> <mx:WipeUp duration="1000"/> </mx:children> </mx:Sequence> <mx:VBox id="myBox" hideEffect="{WipeRightUp}"> <mx:TextArea id="aTextArea" text="hello"/> </mx:VBox>
Notice that the <mx:children>
tag is optional.
Starting a composite effect in ActionScript is usually a five-step process:
- Create instances of the effect objects to be composited together;
for example:
myFadeEffect = new mx.effects.Fade(target);
- Set properties, such as
duration
, on the individual effect objects. - Create an instance of the Sequence effect object;
for example:
mySequenceEffect = new mx.effects.Sequence();
- Call the
addChild()
method for each of the effect objects; for example:mySequenceEffect.addChild(myFadeEffect);
- Invoke the Sequence effect's
play()
method; for example:mySequenceEffect.play();

The <mx:Sequence>
tag
inherits all of the tag attributes of its superclass,
and adds the following tag attributes:
<mx:Sequence id="identifier"> <mx:children> <!-- Specify child effect tags --> </mx:children> </mx:Sequence>
Default MXML Propertychildren
More examples
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
SequenceEffectExample.mxml
<?xml version="1.0" encoding="utf-8"?> <!-- Simple example to demonstrate the Sequence 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"> <fx:Script> <![CDATA[ import mx.effects.easing.*; ]]> </fx:Script> <fx:Declarations> <mx:Sequence id="movePauseMove"> <mx:Move xBy="150" duration="2000" easingFunction="Bounce.easeOut"/> <mx:Pause duration="2000"/> <mx:Move xBy="-150" duration="2000" easingFunction="Bounce.easeIn"/> </mx:Sequence> </fx:Declarations> <s:Panel title="Sequence Effect Example" width="75%" height="75%" > <s:VGroup left="20" right="20" top="20" bottom="20"> <s:Label width="100%" color="blue" text="Click the phone image to start the Sequence effect. The effect pauses for 2 seconds between moves."/> <mx:Image source="@Embed(source='assets/Nokia_6630.png')" mouseDownEffect="{movePauseMove}"/> </s:VGroup> </s:Panel> </s:Application>
Wed Nov 21 2018, 06:34 AM -08:00