| Paket | spark.effects.easing |
| Klasse | public class Linear |
| Vererbung | Linear  Object |
| Implementiert | IEaser |
| Sprachversion: | ActionScript 3.0 |
| Produktversion: | Flex 4 |
| Laufzeitversionen: | Flash Player 10, AIR 1.5 |
easeInFraction-Eigenschaft angegebenen Zeitraum beschleunigt. In der nächsten Phase verwendet sie die gleichmäßige (lineare) Bewegung, um schließlich in dem durch die easeOutFraction-Eigenschaft festgelegten Zeitraum abgebremst zu werden.
Die Beschleunigungswerte für die drei Phasen werden so berechnet, dass das Verhalten der konstanten Beschleunigung, linearen Bewegung und konstanten Abbremsung innerhalb der angegebenen Dauer der Animation auftreten.
Eine streng lineare Bewegung kann erzielt werden, indem easeInFraction und easeOutFraction auf 0,0 eingestellt werden. Wenn die Beschleunigung oder Abbremsung ungleich 0,0 ist, weist die Bewegung während der mittleren Phase nicht dieselbe Geschwindigkeit wie bei einer rein linearen Bewegung auf. Die mittlere Phase umfasst die gleichmäßige Bewegung, wobei die Geschwindigkeit dieser Bewegung durch die Größe dieser Phase relativ zur Gesamtanimation bestimmt wird.
MXML-Syntax anzeigen
MXML-Syntax ausblendenThe <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"
/>
| Eigenschaft | Definiert von | ||
|---|---|---|---|
 | constructor : Object
Ein Verweis auf das Klassenobjekt oder die Konstruktorfunktion für eine angegebene Objektinstanz. | Object | |
| easeInFraction : Number
Der Bruchteil, über den eine Animation beschleunigt wurde (zwischen 0,0 und 1,0). | Linear | ||
| easeOutFraction : Number
Der Prozentsatz, über den eine Animation abgebremst wird (zwischen 0,0 und 1,0). | Linear | ||
| Methode | Definiert von | ||
|---|---|---|---|
Konstruktor. | Linear | ||
Berechnet den beschleunigten Teil auf Grundlage der Eigenschaften easeInFraction und easeOutFraction. | Linear | ||
|
Gibt an, ob für ein Objekt eine bestimmte Eigenschaft definiert wurde. | Object | |
|
Gibt an, ob eine Instanz der Object-Klasse in der Prototypkette des Objekts vorhanden ist, das als Parameter angegeben wurde. | Object | |
|
Gibt an, ob die angegebene Eigenschaft vorhanden ist und durchlaufen werden kann. | Object | |
|
Legt die Verfügbarkeit einer dynamischen Eigenschaft für Schleifenoperationen fest. | Object | |
|
Gibt die Stringdarstellung dieses Objekts zurück, formatiert entsprechend den Konventionen des Gebietsschemas. | Object | |
|
Gibt das angegebene Objekt als String zurück. | Object | |
|
Gibt den Grundwert des angegebenen Objekts zurück. | Object | |
easeInFraction | Eigenschaft |
easeInFraction:Number| Sprachversion: | ActionScript 3.0 |
| Produktversion: | Flex 4 |
| Laufzeitversionen: | Flash Player 10, AIR 1.5 |
Der Bruchteil, über den eine Animation beschleunigt wurde (zwischen 0,0 und 1,0). Die Werte der Eigenschaften easeOutFraction und easeInFraction müssen die Gleichung easeOutFraction + easeInFraction <= 1 erfüllen, wobei jegliche verbleibende Zeit zur Phase der linearen Bewegung hinzugefügt wird.
Der Standardwert ist 0.
Implementierung
public function get easeInFraction():Number public function set easeInFraction(value:Number):voideaseOutFraction | Eigenschaft |
easeOutFraction:Number| Sprachversion: | ActionScript 3.0 |
| Produktversion: | Flex 4 |
| Laufzeitversionen: | Flash Player 10, AIR 1.5 |
Der Prozentsatz, über den eine Animation abgebremst wird (zwischen 0,0 und 1,0). Die Werte der Eigenschaften easeOutFraction und easeInFraction müssen die Gleichung easeOutFraction + easeInFraction <= 1 erfüllen, wobei jegliche verbleibende Zeit zur Phase der linearen Bewegung hinzugefügt wird.
Der Standardwert ist 0.
Implementierung
public function get easeOutFraction():Number public function set easeOutFraction(value:Number):voidLinear | () | Konstruktor |
public function Linear(easeInFraction:Number = 0, easeOutFraction:Number = 0)| Sprachversion: | ActionScript 3.0 |
| Produktversion: | Flex 4 |
| Laufzeitversionen: | Flash Player 10, AIR 1.5 |
Konstruktor.
ParametereaseInFraction:Number (default = 0) | |
easeOutFraction:Number (default = 0) |
ease | () | Methode |
public function ease(fraction:Number):Number| Sprachversion: | ActionScript 3.0 |
| Produktversion: | Flex 4 |
| Laufzeitversionen: | Flash Player 10, AIR 1.5 |
Berechnet den beschleunigten Teil auf Grundlage der Eigenschaften easeInFraction und easeOutFraction. Wenn der Wert für fraction geringer ist als easeInFraction, wird ein Wert berechnet, der auf der Beschleunigung bis zum Erreichen der Phase der linearen Bewegung basiert. Wenn fraction größer als easeInFraction und kleiner als (1- easeOutFraction) ist, wird ein Wert berechnet, der auf der Phase der linearen Bewegung zwischen der Beschleunigungs- und der Abbremsphase basiert. Andernfalls wird ein Wert berechnet, der auf einer konstanten Abbremsung zwischen der Phase der linearen Bewegung und 0,0 basiert.
Parameter
fraction:Number — Der verstrichene Teil der Animation, zwischen 0,0 und 1,0.
|
Number — Der beschleunigte Teil der 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, 10:04 AM Z