Package | spark.effects.easing |
Classe | public class Linear |
Héritage | Linear Object |
Implémente | IEaser |
Version du langage: | ActionScript 3.0 |
Version du produit: | Flex 4 |
Versions du moteur d’exécution: | Flash Player 10, AIR 1.5 |
easeInFraction
. Elle suit ensuite un mouvement uniforme (linéaire) tout au long de la phase suivante, avant de ralentir pendant la période spécifiée par la propriété easeOutFraction
.
Les valeurs d’accélération des trois phases sont calculées de sorte que le comportement d’accélération constante, de mouvement linéaire et de ralentissement constant soit entièrement réalisé pendant la durée spécifiée de l’animation.
Un mouvement linéaire strict peut être obtenu en définissant easeInFraction
et easeOutFraction
sur 0.0. Si les valeurs d’accélération ou de ralentissement ne sont pas nulles, le mouvement de la phase intermédiaire ne se déroule pas à la même vitesse qu’un mouvement purement linéaire. La phase intermédiaire correspond à un mouvement uniforme, mais la vitesse de ce mouvement est déterminée par la durée de cette phase par rapport à l’animation globale.
The <s:Linear>
tag
inherits all of the tag attributes of its of its superclass,
and adds the following tag attributes:
<s:Linear id="ID" easeInFraction="0" easeOutFraction="0" />
Propriété | Défini par | ||
---|---|---|---|
constructor : Object
Référence à l’objet de classe ou à la fonction constructeur d’une occurrence donnée d’un objet. | Object | ||
easeInFraction : Number
Fraction de l’animation passée à accélérer, entre 0.0 et 1.0. | Linear | ||
easeOutFraction : Number
Pourcentage de l’animation passé à ralentir, entre 0.0 et 1.0. | Linear |
Méthode | Défini par | ||
---|---|---|---|
Constructeur. | Linear | ||
Calcule la valeur de la fraction accélérée, en fonction des propriétés easeInFraction et easeOutFraction. | Linear | ||
Indique si la propriété spécifiée d’un objet est définie. | Object | ||
Indique si une occurrence de la classe Object figure dans la chaîne de prototype de l’objet spécifié en tant que paramètre. | Object | ||
Indique si la propriété spécifiée existe et est énumérable. | Object | ||
Définit la disponibilité d’une propriété dynamique pour les opérations en boucle. | Object | ||
Renvoie la représentation de chaîne de cet objet, formatée selon les paramètres régionaux en vigueur. | Object | ||
Renvoie la représentation sous forme de chaîne de l’objet spécifié. | Object | ||
Renvoie la valeur primitive de l’objet spécifié. | Object |
easeInFraction | propriété |
easeInFraction:Number
Version du langage: | ActionScript 3.0 |
Version du produit: | Flex 4 |
Versions du moteur d’exécution: | Flash Player 10, AIR 1.5 |
Fraction de l’animation passée à accélérer, entre 0.0 et 1.0. Les valeurs des propriétés easeOutFraction
et easeInFraction
doivent satisfaire l’équation easeOutFraction + easeInFraction <= 1
, où le temps restant est passé en phase de mouvement linéaire.
La valeur par défaut est 0.
Implémentation
public function get easeInFraction():Number
public function set easeInFraction(value:Number):void
easeOutFraction | propriété |
easeOutFraction:Number
Version du langage: | ActionScript 3.0 |
Version du produit: | Flex 4 |
Versions du moteur d’exécution: | Flash Player 10, AIR 1.5 |
Pourcentage de l’animation passé à ralentir, entre 0.0 et 1.0. Les valeurs des propriétés easeOutFraction
et easeInFraction
doivent satisfaire l’équation easeOutFraction + easeInFraction <= 1
, où le temps restant est passé en phase de mouvement linéaire.
La valeur par défaut est 0.
Implémentation
public function get easeOutFraction():Number
public function set easeOutFraction(value:Number):void
Linear | () | Constructeur |
public function Linear(easeInFraction:Number = 0, easeOutFraction:Number = 0)
Version du langage: | ActionScript 3.0 |
Version du produit: | Flex 4 |
Versions du moteur d’exécution: | Flash Player 10, AIR 1.5 |
Constructeur.
ParamètreseaseInFraction:Number (default = 0 ) — Fraction de la durée totale dans la phase d’accélération, entre 0.0 et 1.0.
| |
easeOutFraction:Number (default = 0 ) — Fraction de la durée totale dans la phase de ralentissement, entre 0.0 et 1.0.
|
ease | () | méthode |
public function ease(fraction:Number):Number
Version du langage: | ActionScript 3.0 |
Version du produit: | Flex 4 |
Versions du moteur d’exécution: | Flash Player 10, AIR 1.5 |
Calcule la valeur de la fraction accélérée, en fonction des propriétés easeInFraction
et easeOutFraction
. Si la valeur fraction
est inférieure à la valeur easeInFraction
, la valeur est calculée en fonction de l’accélération jusqu’à la phase de mouvement linéaire. Si la valeur fraction
est supérieure à la valeur easeInFraction
et inférieure à (1-easeOutFraction)
, la valeur est calculée en fonction de la phase de mouvement linéaire, entre les phases d’accélération et de ralentissement. Dans tous les autres cas, la valeur est calculée en fonction du ralentissement constant entre la phase de mouvement linéaire et 0.0.
Paramètres
fraction:Number — Fraction écoulée de l’animation, comprise entre 0.0 et 1.0.
|
Number — Fraction accélérée de l’animation.
|
<?xml version="1.0"?> <!-- Simple example to demonstrate the s:Linear 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"> <fx:Declarations> <s:Linear id="linearEasing" easeInFraction="0.3"/> <s:Elastic id="elasticEasing"/> <s:Move id="moveRight" target="{myImage}" xBy="500" duration="2000" easer="{elasticEasing}"/> <s:Move id="moveLeft" target="{myImage}" xBy="-500" duration="2000" easer="{linearEasing}"/> </fx:Declarations> <s:Panel id="examplePanel" title="Linear 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>
Tue Jun 12 2018, 09:30 AM Z