Tween  - AS3 Flash

Der anfängliche Wert der festgelegten Eigenschaft des Zielobjekts (vor Beginn des Tweens).

Die Dauer der getweenten Animation in Bildern oder Sekunden. Diese Eigenschaft wird als Parameter beim Erstellen einer neuen Tween-Instanz oder beim Aufrufen der Methode Tween.yoyo() gesetzt.

Eine Zahl, die den Endwert der Eigenschaft des Zielobjekts, die getweent wird, angibt. Diese Eigenschaft wird als Parameter beim Erstellen einer neuen Tween-Instanz oder beim Aufrufen der Methode Tween.yoyo() gesetzt.

Verwandte API-Elemente

Die Anzahl der Bilder pro Sekunde der getweenten Animation. Standardmäßig wird die aktuelle Bildrate der Bühne verwendet, um die getweente Animation zu berechnen. Durch das Einstellen dieser Eigenschaft wird die Anzahl der Inkremente in der animierten Eigenschaft, die jede Sekunden angezeigt wird, auf den Wert von Tween.FPS statt auf die aktuelle Bildrate der Bühne festgelegt. Das Einstellen der Eigenschaft Tween.FPS ändert nicht die Bildrate der Bühne.

Hinweis: Falls die Eigenschaft Tween.FPS nicht ausdrücklich eingestellt wird, gibt sie undefined zurück.

import fl.transitions.Tween;
import fl.transitions.easing.*;
 
var tween:Tween = new Tween(mc, "x", Elastic.easeOut, 0, 300, 3, true);
tween.FPS = 60;
 
mc.addEventListener(MouseEvent.CLICK, onClick);
 
function onClick(evt:MouseEvent):void {
    tween.start();
}

Die mit dem Tween verwendete Beschleunigungsfunktion.

Zeigt an, ob das Tween derzeit wiedergegeben wird.

Gibt an, ob das Tween in einer Schleife ausgeführt wird. Wenn der Wert true lautet, wird das Tween jedes Mal von vorn gestartet, sobald das Ende erreicht wurde. Wenn der Wert false lautet, wird das Tween nur einmal wiedergegeben.

Das getweente Zielobjekt.

Der aktuelle Wert der getweenten Eigenschaft des Zielobjekts. Dieser Wert wird mit jedem gezeichneten Bild der getweenten Animation aktualisiert.

Der Name der vom Tween des Zielobjekts betroffenen Eigenschaft.

Die aktuelle Zeit in der Dauer der Animation.

Gibt an, ob das Tween über einen in Bildern oder Sekunden festgelegten Zeitraum wiedergegeben wird. Der Wert true bedeutet, dass das Tween über die in der Eigenschaft duration festgelegte Zahl von Sekunden animiert wird. Der Wert false bedeutet, dass das Tween über eine Reihe von Bildern animiert wird.

Erstellt eine Instanz der Tween-Klasse. Verwenden Sie die Konstruktorfunktion mit dem Operator new. var myTween:Tween = new Tween().

Verwandte API-Elemente

Weist die getweente Animation an, mit dem Tweening vom aktuellen Punkt in der Animation bis zu einem neuen Endpunkt fortzufahren.

Parameter

Verwandte API-Elemente

Führt einen Vorlauf der getweenten Animation direkt zum letzten Wert der getweenten Animation durch.

Führt einen Vorlauf der getweenten Animation zum nächsten Bild durch, wenn die Animation angehalten wurde. Verwenden Sie diese Methode, um jeweils um ein Bild vorzuspulen, nachdem Sie eine getweente Animation mithilfe der Methode Tween.stop() angehalten haben.

Hinweis: Verwenden Sie diese Methode ausschließlich für bildbasierte Tweens. Ein Tween wird bei der Erstellung als bildbasiert festgelegt, indem der Parameter useSeconds auf false gesetzt wird.

Spielt das vorherige Bild der getweenten Animation ab dem aktuellen Anhaltepunkt ab, wenn die Animation zuvor gestoppt wurde. Verwenden Sie diese Methode, um eine getweente Animation jeweils um ein Bild zurückzuspulen, nachdem Sie sie mithilfe der Methode Tween.stop() angehalten haben.

Hinweis: Verwenden Sie diese Methode ausschließlich für bildbasierte Tweens. Ein Tween wird bei der Erstellung als bildbasiert festgelegt, indem der Parameter Tween.start() useSeconds auf false gesetzt wird.

Verwandte API-Elemente

Setzt das Abspielen einer getweenten Animation fort, die gestoppt wurde. Verwenden Sie diese Methode, um eine getweente Animation fortzusetzen, nachdem Sie sie mit der Methode Tween.stop() gestoppt haben.

Hinweis: Verwenden Sie diese Methode ausschließlich für bildbasierte Tweens. Ein Tween wird bei der Erstellung als bildbasiert festgelegt, indem der Parameter useSeconds auf false gesetzt wird.

Bewegt die Wiedergabe einer getweenten Animation zurück zum Startpunkt. Wenn Tween.rewind() aufgerufen wird, während die getweente Animation noch abgespielt wird, wird die Animation bis zum Startwert zurückgespult, wo die Wiedergabe fortgesetzt wird. Wenn Tween.rewind() aufgerufen wird, nachdem die getweente Animation gestoppt wurde oder die Animation abgeschlossen ist, wird die getweente Animation zum Startwert zurückgespult, wird dann aber nicht abgespielt. Verwenden Sie diese Methode, um eine getweente Animation bis zum Startpunkt zurückzuspulen, nachdem Sie sie mit der Methode Tween.stop() gestoppt haben, oder während die getweente Animation noch abgespielt wird.

Parameter

Startet die Wiedergabe einer getweenten Animation ab dem Startpunkt. Diese Methode wird zum Neustarten eines Tweens ab dem Beginn der Animation verwendet, nachdem diese gestoppt oder fertig abgespielt wurde.

Stoppt die Wiedergabe einer getweenten Animation beim aktuellen Wert.

Bewirkt, dass die getweente Animation umgekehrt wie bei der letzten Inkrementierung der getweenten Eigenschaft abgespielt wird. Wenn diese Methode aufgerufen wird, bevor die Animation eines Tween-Objekts abgeschlossen ist, springt die Animation abrupt bis zum Ende und wird dann in umgekehrter Richtung ab diesem Punkt abgespielt. Sie können die Animation vollständig abspielen und dann in umgekehrter Richtung vollständig abspielen lassen, indem Sie die Methode Tween.yoyo() innerhalb einer Ereignisprozedur TweenEvent.MOTION_FINISH aufrufen. Auf diese Weise stellen Sie sicher, dass der Umkehreffekt der Methode Tween.yoyo() erst beginnt, wenn die aktuell getweente Animation vollständig abgespielt wurde.

Die Eigenschaften des Ereignisobjekts haben die folgenden Werte:

Die Eigenschaften des Ereignisobjekts haben die folgenden Werte:

Die Eigenschaften des Ereignisobjekts haben die folgenden Werte:

Die Eigenschaften des Ereignisobjekts haben die folgenden Werte:

Die Eigenschaften des Ereignisobjekts haben die folgenden Werte:

Die Eigenschaften des Ereignisobjekts haben die folgenden Werte:

Hinweis: Für die Klassen im fl.transitions-Paket müssen Sie eine import-Anweisung verwenden, selbst im Bedienfeld „Aktionen“ von Flash Professional (für die meisten Klassen wird die import-Anweisung nicht im Bedienfeld „Aktionen“ benötigt). Verwenden Sie * auf Paketebene, um alle Klassen im Paket einzuschließen, oder importieren Sie die Klassen einzeln.

import fl.transitions.Tween;
import fl.transitions.easing.*;
   
//create a Sprite instance
var mySprite:Sprite = new Sprite()
   
// create an input text field
var myTextField:TextField = new TextField();
   
myTextField.type = TextFieldType.INPUT;
myTextField.width = 180;
myTextField.height = 20;
myTextField.x = 20;
myTextField.y = 140;
myTextField.border = true;
myTextField.text = "Type a number here and press Enter";
myTextField.restrict = "0-9";   
 
addChild(myTextField);

// add a listener when the user clicks in the text field
myTextField.addEventListener(MouseEvent.CLICK, fieldClickHandler);

// add a listener for a key press
myTextField.addEventListener(KeyboardEvent.KEY_DOWN, keyDownHandler);
 
// clear the text field when the user clicks in it to enter a value
function fieldClickHandler(event:MouseEvent):void {
    myTextField.text = "";
}

// if the key pressed is the Enter key
// change the values of the box's width based on the value provided
function keyDownHandler(event:KeyboardEvent):void {
     if (event.keyCode == Keyboard.ENTER) {  

     mySprite.graphics.clear();
     var userNumber:Number = new Number(myTextField.text);
     mySprite.graphics.beginFill(0x666999);
     mySprite.graphics.drawRect(0, 0, 40, 120);
     addChild(mySprite);
     //provide tween values, including passing the variable userNumber for the width at
     //the end of the tween
     var myTween:Tween = new Tween(mySprite, "width", Elastic.easeOut, 0, userNumber, 4, true);
     }
}