(Preview)
Package | spark.effects |
Class | public class Rotate3D |
Inheritance | Rotate3D ![]() ![]() ![]() ![]() ![]() ![]() |
Language Version: | ActionScript 3.0 |
Product Version: | Flex 4 |
Runtime Versions: | Flash Player 10, AIR 1.5 |
Like all AnimateTransform-based effects, this effect only works on subclasses of UIComponent and GraphicElement, as these effects depend on specific transform functions in those classes. Also, transform effects running in parallel on the same target run as a single effect instance Therefore, the transform effects share the transform center set by any of the contributing effects.
MXML Syntax
The <s:Rotate3D>
tag
inherits all of the tag attributes of its superclass,
and adds the following tag attributes:
<s:Rotate3D Properties id="ID" angleXFrom="no default" angleXTo="no default" angleYFrom="no default" angleYTo="no default" angleZFrom="no default" angleZTo="no default" />
Default MXML PropertymotionPaths
More examples
Spark 3D effects
Applying 3D effects
Setting the transform center of a 3D effect
Component layout and 3D effects
Applying 3D effects
Setting the transform center of a 3D effect
Component layout and 3D effects
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
Rotate3DEffectExample.mxml
<?xml version="1.0" encoding="utf-8"?> <!-- Simple example to demonstrate the s:Rotate3D class. --> <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"> <!-- Standalone effects must be declared in the "Declarations" tag in Flex 4 --> <fx:Declarations> <s:Rotate3D id="rotateEffect" target="{targetBox}" angleXFrom="0" angleXTo="180" angleYFrom="0" angleYTo="180" duration="1000" autoCenterTransform="true" effectStart="playButton.enabled=false" effectEnd="playButton.enabled=true;"/> </fx:Declarations> <s:Panel title="Rotate3D Effect Example" width="75%" height="75%"> <mx:HBox width="100%" height="100%"> <!-- Our target to affect --> <mx:VBox id="targetBox" width="50%" horizontalAlign="center"> <mx:Label text="Nokia 9930"/> <mx:Image source="@Embed(source='assets/Nokia_6630.png')"/> </mx:VBox> <!-- Directions --> <mx:VBox id="detailsBox" width="50%" left="0"> <mx:Text width="99%" color="blue" text="The Rotate3D effect rotates a target using the following parameters: angleXFrom, angleXTo, angleYFrom, angleYTo, angleZFrom, and angleZTo. Click 'Rotate3D' to watch the effect."/> </mx:VBox> </mx:HBox> <s:Rect left="0" right="0" bottom="0" height="30"> <s:fill> <s:LinearGradient rotation="90"> <s:GradientEntry color="0xE2E2E2" /> <s:GradientEntry color="0xD9D9D9" /> </s:LinearGradient> </s:fill> </s:Rect> <!-- End then Play the effect to rotate the target.--> <s:Button id="playButton" left="5" bottom="5" label="Rotate3D" click="rotateEffect.play();"/> </s:Panel> </s:Application>
Wed Nov 21 2018, 06:34 AM -08:00