Sine

Paquete	spark.effects.easing
Clase	public class Sine
Herencia	Sine EaseInOutBase Object

Versión del lenguaje:

ActionScript 3.0

Versión de producto:

Flex 4

Versiones de motor de ejecución:

Flash Player 10, AIR 1.5

The Sine class defines easing functionality using a Sine function. Easing consists of two phases: the acceleration, or ease in phase, followed by the deceleration, or ease out phase. Use the easeInFraction property to specify the percentage of an animation accelerating.

Sintaxis MXML expanded

Ocultar sintaxis 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"
   />

Ver los ejemplos

Propiedades públicas

Ocultar propiedades públicas heredadas

Mostrar propiedades públicas heredadas

	Propiedad		Definido por
		constructor : Object Una referencia a la clase de objeto o función constructora para una instancia de objeto determinada.	Object
		easeInFraction : Number The percentage of an animation that should be spent accelerating.	EaseInOutBase

Métodos públicos

Ocultar métodos públicos heredados

Mostrar métodos públicos heredados

	Método		Definido por
		Sine(easeInFraction:Number = 0.5) Constructor.	Sine
		ease(fraction:Number):Number 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
		hasOwnProperty(name:String):Boolean Indica si un objeto tiene definida una propiedad especificada.	Object
		isPrototypeOf(theClass:Object):Boolean Indica si hay una instancia de la clase Object en la cadena de prototipo del objeto especificado como parámetro.	Object
		propertyIsEnumerable(name:String):Boolean Indica si existe la propiedad especificada y si es enumerable.	Object
		setPropertyIsEnumerable(name:String, isEnum:Boolean = true):void Establece la disponibilidad de una propiedad dinámica para operaciones de bucle.	Object
		toLocaleString():String Devuelve la representación de cadena de este objeto, con formato según las convenciones específicas de configuración regional.	Object
		toString():String Devuelve la representación de cadena del objeto especificado.	Object
		valueOf():Object Devuelve el valor simple del objeto especificado.	Object

Métodos protegidos

Ocultar métodos protegidos heredados

Mostrar métodos protegidos heredados

	Método		Definido por
		easeIn(fraction:Number):Number Returns a value that represents the eased fraction during the ease in phase of the animation.	EaseInOutBase
		easeOut(fraction:Number):Number Returns a value that represents the eased fraction during the ease out phase of the animation.	EaseInOutBase

Información sobre constructores

()

Información sobre

public function Sine(easeInFraction:Number = 0.5)

Versión del lenguaje:

ActionScript 3.0

Versión de producto:

Flex 4

Versiones de motor de ejecución:

Flash Player 10, AIR 1.5

Constructor.

Parámetros

easeInFraction:Number (default = 0.5) — Sets the value of the easeInFraction property. The default value is EasingFraction.IN_OUT, which eases in for the first half of the time and eases out for the remainder.

Ejemplos Cómo utilizar este ejemplo

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>

Avisos legales | Política de privacidad en línea

Sine - AS3 Flex

Clases x

Sine