| Package | spark.effects.easing |
| Class | public class Power |
| Inheritance | Power  EaseInOutBase Object |
| Language Version: | ActionScript 3.0 |
| Product Version: | Flex 4 |
| Runtime Versions: | Flash Player 10, AIR 1.5 |
exponent property.
The higher the value of the exponent property,
the greater the acceleration and deceleration.
Use the easeInFraction property to specify the percentage
of an animation accelerating.
MXML Syntax
Show MXML Syntax
Hide MXML SyntaxThe <s:Power> tag
inherits all of the tag attributes of its of its superclass,
and adds the following tag attributes:
<s:Power
id="ID"
exponent="2"
/>
More examples
Public Properties
| Property | Defined By | ||
|---|---|---|---|
 | constructor : Object
A reference to the class object or constructor function for a given object instance. | Object | |
| easeInFraction : Number
The percentage of an animation that should be spent accelerating. | EaseInOutBase | |
| exponent : Number
The exponent used in the easing calculation. | Power | ||
Public Methods
| Method | Defined By | ||
|---|---|---|---|
Constructor. | Power | ||
|
Takes the fraction representing the elapsed duration of an animation
(a value between 0.0 to 1.0) and returns a new elapsed value. | EaseInOutBase | |
|
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 | |
|
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 | |
Protected Methods
Property Detail
exponent | property |
exponent:Number| Language Version: | ActionScript 3.0 |
| Product Version: | Flex 4 |
| Runtime Versions: | Flash Player 10, AIR 1.5 |
The exponent used in the easing calculation.
The higher the value of the exponent property,
the greater the acceleration and deceleration.
For example, to get quadratic behavior, set exponent to 2.
To get cubic behavior, set exponent to 3.
The default value is 2.
Implementation
public function get exponent():Number public function set exponent(value:Number):voidConstructor Detail
Power | () | Constructor |
public function Power(easeInFraction:Number = 0.5, exponent:Number = 2)| Language Version: | ActionScript 3.0 |
| Product Version: | Flex 4 |
| Runtime Versions: | Flash Player 10, AIR 1.5 |
Constructor.
ParameterseaseInFraction:Number (default = 0.5) | |
exponent:Number (default = 2) |
Examples How to use this example
SinePowerEffectExample.mxml
<?xml version="1.0"?>
<!-- Simple example to demonstrate the s:Sine and s:Power classes. -->
<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">
<fx:Declarations>
<s:Sine id="sineEasing"
easeInFraction="0.3"/>
<s:Power id="powerEasing"
exponent="4"/>
<s:Move id="moveRight"
target="{myImage}"
xBy="500"
duration="2000"
easer="{powerEasing}"/>
<s:Move id="moveLeft"
target="{myImage}"
xBy="-500"
duration="2000"
easer="{sineEasing}"/>
</fx:Declarations>
<s:Panel id="examplePanel"
title="Sine and Power Effect Example"
width="75%" height="75%">
<!-- Directions -->
<s:VGroup id="detailsBox" width="50%" top="5" left="5">
<s:Label width="99%" color="blue"
text="Click the buttons to watch the effect."/>
</s:VGroup>
<mx:Image id="myImage" top="20"
source="@Embed(source='assets/logo.jpg')"/>
<s:Button label="Move Right"
bottom="10" left="5"
click="moveRight.end();moveRight.play();"/>
<s:Button label="Move Left"
bottom="10" left="100"
click="moveLeft.end();moveLeft.play();"/>
</s:Panel>
</s:Application>
Thu Dec 6 2018, 01:12 PM -08:00