Tween  - AS3 Flash

Wartość początkowa animowanej właściwości obiektu docelowego przed rozpoczęciem animacji metodą klatek kluczowych.

Czas trwania animacji w klatkach lub sekundach. Ta właściwość jest ustawiana jako parametr podczas tworzenia nowej instancji Tween lub w wywołaniu metody Tween.yoyo().

Liczba określająca wartość końcową animowanej właściwości obiektu docelowego. Ta właściwość jest ustawiana jako parametr podczas tworzenia nowego wystąpienia klasy Tween lub w wywołaniu metody Tween.yoyo().

Powiązane elementy interfejsu API

Liczba klatek na sekundę obowiązująca w animacji. Domyślnie w obliczeniach animacji przyjmowana jest liczba klatek na sekundę obowiązująca dla stołu montażowego. Ustawienie tej właściwości powoduje ponowne obliczenie liczby przyrostów animowanej właściwości, które będą wyświetlane w ciągu jednej sekundy, na podstawie właściwości Tween.FPS, a nie liczby klatek na sekundę stołu montażowego. Ustawienie właściwości Tween.FPS nie zmienia rzeczywistej liczby klatek na sekundę stołu montażowego.

Uwaga: Właściwość Tween.FPS zwraca wartość undefined, dopóki nie zostanie ustawiona jawnie.

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();
}

Funkcja krzywej dynamiki używana w animacji metodą klatek kluczowych.

Wskazuje, czy animacja jest obecnie odtwarzana.

Określa, czy animacja będzie odtwarzana w pętli. Wartość true powoduje, że każdorazowo po zakończeniu animacji będzie ona wznawiana. Wartość false powoduje, że animacja zostanie odtworzona tylko raz.

Obiekt docelowy animacji.

Bieżąca wartość animowanej właściwości obiektu docelowego. Ta wartość jest aktualizowana po narysowaniu każdej klatki animacji.

Nazwa animowanej właściwości obiektu docelowego.

Bieżący czas względem całego czasu trwania animacji.

Określa, czy czas odtwarzania animacji jest mierzony w klatkach, czy w sekundach. Wartość true spowoduje, że animacja będzie wykonywana przez liczbę sekund określoną we właściwości duration. Wartość false spowoduje wykonywanie animacji przez określoną liczbę klatek.

Tworzy instancję klasy Tween. Należy użyć konstruktora z operatorem new: var myTween:Tween = new Tween().

Powiązane elementy interfejsu API

Nakazuje kontynuowanie animacji metodą klatek kluczowych z bieżącego punktu animacji do nowego punktu zakończenia i czasu trwania.

Parametry

Powiązane elementy interfejsu API

Powoduje przejście animacji bezpośrednio do wartości końcowej.

Powoduje przejście zatrzymanej animacji do następnej klatki. Ta metoda umożliwia odtwarzanie animacji klatki po uprzednim zatrzymaniu jej przez wywołanie metody Tween.stop().

Uwaga: tej metody należy używać wyłącznie w odniesieniu do animacji metodą klatek kluczowych, których czas jest mierzony w klatkach. Pomiar czasu animacji w klatkach wybiera się podczas tworzenia obiektu Tween, ustawiając parametr useSeconds na false.

Odtwarza poprzednią klatkę zatrzymanej animacji względem bieżącego punktu jej zatrzymania. Ta metoda umożliwia odtwarzanie animacji wstecz klatka po klatce, po tym jak zatrzymano ją przez wywołanie metody Tween.stop().

Uwaga: tej metody należy używać wyłącznie w odniesieniu do animacji metodą klatek kluczowych, których czas jest mierzony w klatkach. Pomiar czasu animacji w klatkach wybiera się podczas tworzenia obiektu Tween poprzez ustawienie parametru useSeconds metody Tween.start() na false.

Powiązane elementy interfejsu API

Wznawia odtwarzanie animacji, która została zatrzymana. Ta metoda umożliwia kontynuowanie animacji, która została zatrzymana przez wywołanie metody Tween.stop().

Uwaga: Tej metody należy używać wyłącznie w odniesieniu do animacji, których czas jest mierzony w klatkach. Pomiar czasu animacji w klatkach wybiera się podczas tworzenia obiektu Tween, ustawiając parametr useSeconds na wartość false.

Powoduje powrót animacji do wartości początkowej. Wywołanie metody Tween.rewind() w trakcie odtwarzania animacji powoduje, że animacja cofa się do wartości początkowej i jest odtwarzana dalej. Wywołanie metody Tween.rewind() po zatrzymaniu lub zakończeniu animacji powoduje, że animacja cofa się do wartości początkowej i jest zatrzymana. Ta metoda umożliwia przewinięcie zatrzymanej animacji do punktu początkowego po użyciu metody Tween.stop() lub przewinięcie odtwarzanej animacji.

Parametry

Rozpoczyna odtwarzanie animacji od punktu początkowego. Ta metoda służy do ponownego rozpoczynania animacji od początku po jej zatrzymaniu lub zakończeniu.

Zatrzymuje bieżącą animację metodą klatek kluczowych na bieżącej wartości.

Nakazuje odtwarzanie animacji wstecz względem ostatniego kierunku przyrostów animowanej właściwości. Jeśli ta metoda zostanie wywołana przed ukończeniem animacji obiektu Tween, animacja gwałtownie przeskoczy na koniec odtwarzania i będzie odtwarzana wstecz z tego punktu końcowego. Efekt odtworzenia całej animacji w tę i z powrotem można uzyskać, wywołując metodę Tween.yoyo() za pomocą obsługi zdarzenia TweenEvent.MOTION_FINISH. Takie postępowanie gwarantuje, że zawrócenie po wywołaniu metody Tween.yoyo() rozpocznie się dopiero po zakończeniu bieżącej animacji.

Właściwości obiektu zdarzenia mają następujące wartości:

Właściwości obiektu zdarzenia mają następujące wartości:

Właściwości obiektu zdarzenia mają następujące wartości:

Właściwości obiektu zdarzenia mają następujące wartości:

Właściwości obiektu zdarzenia mają następujące wartości:

Właściwości obiektu zdarzenia mają następujące wartości:

Uwaga: W przypadku klas w pakiecie fl.transitions należy użyć instrukcji import, nawet w panelu czynności programu Flash Professional (w większości klas instrukcja import nie jest wymagana w panelu czynności). Na poziomie pakietu należy użyć *, aby uwzględnić wszystkie klasy w pakiecie, lub należy zaimportować każdą osobno.

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);
     }
}