Sine

Package	spark.effects.easing
Classe	public class Sine
Héritage	Sine EaseInOutBase Object

Version du langage:

ActionScript 3.0

Version du produit:

Flex 4

Versions du moteur d’exécution:

Flash Player 10, AIR 1.5

La classe Sine définit une fonction d’accélération à l’aide d’une fonction Sine. L’accélération se compose de deux phases : l’accélération proprement dite, puis le ralentissement. Utilisez la propriété easeInFraction pour spécifier le pourcentage de l’animation passé à accélérer.

Syntaxe MXML expanded

Masquer la syntaxe MXML

The <s:Sine> tag inherits all of the tag attributes of its of its superclass, and adds the following tag attributes:

  <s:Sine
    id="ID"
   />

Consulter les exemples

Propriétés publiques

Masquer les propriétés publiques héritées

Afficher les propriétés publiques héritées

	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 Pourcentage d’une animation qui doit être passé à accélérer.	EaseInOutBase

Méthodes publiques

Masquer les méthodes publiques héritées

Afficher les méthodes publiques héritées

	Méthode		Défini par
		Sine(easeInFraction:Number = 0.5) Constructeur.	Sine
		ease(fraction:Number):Number Récupère la fraction représentant la durée écoulée d’une animation (valeur comprise entre 0.0 et 1.0) et renvoie une nouvelle valeur écoulée.	EaseInOutBase
		hasOwnProperty(name:String):Boolean Indique si la propriété spécifiée d’un objet est définie.	Object
		isPrototypeOf(theClass:Object):Boolean 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
		propertyIsEnumerable(name:String):Boolean Indique si la propriété spécifiée existe et est énumérable.	Object
		setPropertyIsEnumerable(name:String, isEnum:Boolean = true):void Définit la disponibilité d’une propriété dynamique pour les opérations en boucle.	Object
		toLocaleString():String Renvoie la représentation de chaîne de cet objet, formatée selon les paramètres régionaux en vigueur.	Object
		toString():String Renvoie la représentation sous forme de chaîne de l’objet spécifié.	Object
		valueOf():Object Renvoie la valeur primitive de l’objet spécifié.	Object

Méthodes protégées

Masquer les méthodes protégées héritées

Afficher les méthodes protégées héritées

	Méthode		Défini par
		easeIn(fraction:Number):Number Renvoie une valeur représentant la fraction accélérée pendant la phase d’accélération de l’animation.	EaseInOutBase
		easeOut(fraction:Number):Number Renvoie une valeur représentant la fraction accélérée pendant la phase de ralentissement de l’animation.	EaseInOutBase

Détails du constructeur

()

Constructeur

public function Sine(easeInFraction:Number = 0.5)

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ètres

easeInFraction:Number (default = 0.5) — Définit la valeur de la propriété easeInFraction. La valeur par défaut est EasingFraction.IN_OUT : l’animation accélère pendant toute la première moitié et ralentit pendant le temps restant.

Exemples Comment utiliser cet exemple

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>

Informations juridiques | Politique de confidentialité en ligne

Sine - AS3 Flex

Classes x

Sine