(Preview)
Package | mx.effects |
Class | public class Parallel |
Inheritance | Parallel ![]() ![]() ![]() ![]() |
Subclasses | DefaultListEffect, DefaultTileListEffect |
Language Version: | ActionScript 3.0 |
Product Version: | Flex 3 |
Runtime Versions: | Flash Player 9, AIR 1.1 |
You can create a Paralell effect in MXML, as the following example shows:
<mx:Parallel id="WipeRightUp"> <mx:children> <mx:WipeRight duration="1000"/> <mx:WipeUp duration="1000"/> </mx:children> </mx:Parallel> <mx:VBox id="myBox" hideEffect="{WipeRightUp}" > <mx:TextArea id="aTextArea" text="hello"/> </mx:VBox>
Notice that the <mx:children>
tag is optional.
Starting a Parallel 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 Parallel effect object;
for example:
myParallelEffect = new mx.effects.Parallel();
- Call the
addChild()
method for each of the effect objects; for example:myParallelEffect.addChild(myFadeEffect);
- Invoke the Parallel effect's
play()
method; for example:myParallelEffect.play();

The <mx:Parallel> tag inherits all of the tag attributes of its superclass, and adds the following tag attributes:
<mx:Parallel id="identifier"> <mx:children> <!-- Specify child effect tags --> </mx:children> </mx:Parallel>
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
ParallelEffectExample.mxml
<?xml version="1.0"?> <!-- Simple example to demonstrate the Halo Parallel 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:Declarations> <mx:Parallel id="expand" target="{img}"> <mx:Move xTo="{canvas.width/2 - 50}" yTo="{canvas.height/2 - 100}"/> <mx:Resize widthTo="100" heightTo="200"/> </mx:Parallel> <mx:Parallel id="contract" target="{img}"> <mx:Move xTo="20" yTo="20"/> <mx:Resize widthTo="30" heightTo="60"/> </mx:Parallel> </fx:Declarations> <s:Panel title="Halo Parallel Effect Example" width="100%" height="100%"> <s:VGroup bottom="10" right="10" top="10" left="10"> <s:Label width="100%" color="blue" text="Use the Button controls to move and resize the phone image in parallel."/> <mx:Canvas id="canvas" width="100%" height="100%"> <mx:Image id="img" x="20" y="20" width="30" height="60" source="@Embed(source='assets/Nokia_6630.png')"/> </mx:Canvas> <s:Button label="Expand" click="expand.end(); expand.play();" /> <s:Button label="Contract" click="contract.end(); contract.play();" /> </s:VGroup> </s:Panel> </s:Application>
Wed Nov 21 2018, 06:34 AM -08:00