Tween  - AS3 Flash

Det ursprungliga värdet för målobjektets utsedda egenskap innan interpoleringen startas.

Varaktigheten av den interpolerade animeringen i bildrutor eller sekunder. Den här egenskapen ställs in som en parameter när en ny Tween-instans skapas eller när du anropar Tween.yoyo()-metoden.

Ett nummer som anger slutvärdet för målobjektegenskapen som ska interpoleras. Den här egenskapen ställs in som en parameter när en ny Tween-instans skapas eller när du anropar Tween.yoyo()-metoden.

Relaterade API-element

Antalet bildrutor per sekund beräknat i den interpolerade animeringen. Som standard används den aktuella Stage-bildrutehastigheten för beräkning av den interpolerade animeringen. Om du anger den här egenskapen beräknas antalet steg om i den animerade egenskapen som visas varje sekund till Tween.FPS-egenskapen snarare än den aktuella Stage-bildrutehastigheten. Inställning av Tween.FPS-egenskapen ändrar inte den verkliga Stage-bildrutehastigheten.

Obs! Egenskapen Tween.FPS returneras odefinierad om den inte först uttryckligen ställs in.

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

Den övergångsfunktion som används med interpoleringen.

Anger om interpoleringen spelas upp just nu.

Anger om interpoleringen ska spelas upp i slinga. Om värdet är true startar interpoleringen om i all oändlighet varje gång interpoleringen är avslutad. Om värdet är false spelas interpoleringen bara upp en gång.

Det målobjekt som interpoleras.

Det aktuella värdet för den målobjektegenskap som interpoleras. Det här värdet uppdateras med varje ritad bildruta för den interpolerade animeringen.

Namnet på egenskapen som påverkas av målobjektets interpolering.

Den aktuella tiden inom animeringens varaktighet.

Anger om interpoleringsperioden spelas upp i bildrutor eller sekunder. Värdet true gör att interpoleringen animeras med sekundperiod som anges av duration-egenskapen. Värdet false gör att interpoleringen animeras med bildruteperiod.

Skapar en instans av Tween-klassen. Använd konstruktorfunktionen med new-operatorn: var myTween:Tween = new Tween().

Relaterade API-element

Instruerar den interpolerade animeringen att fortsätta interpolera från dess aktuella animeringspunkt till en ny slut- och varaktighetspunkt.

Parametrar

Relaterade API-element

Spolar fram den interpolerade animeringen direkt till slutvärdet för den interpolerade animeringen.

Spolar fram den interpolerade animeringen till nästa bildruta i en stoppad animering. Använd den här metoden om du vill spola fram en bildruta i taget i en interpolerad animering när du har stoppat den med Tween.stop()-metoden.

Obs! Använd bara den här metoden på bildrutebaserade interpoleringar. En interpolering blir bildrutebaserad när den skapas om useSeconds-parametern anges till false.

Spelar upp föregående bildruta av den interpolerade animeringen från den aktuella punkten i en stoppad animering. Använd den här metoden om du vill spela upp en interpolerad animering baklänges när du har stoppat den med Tween.stop()-metoden.

Obs! Använd bara den här metoden på bildrutebaserade interpoleringar. En interpolering blir bildrutebaserad när den skapas om Tween.start() useSeconds-parametern anges till false.

Relaterade API-element

Återupptar uppspelningen av en interpolerad animering som har stoppats. Använd den här metoden om du vill återuppta en interpolerad animering när du har stoppat den med Tween.stop()-metoden.

Obs! Använd bara den här metoden på bildrutebaserade interpoleringar. En interpolering blir bildrutebaserad när den skapas om useSeconds-parametern anges till false.

Flyttar tillbaka uppspelningen av en interpolerad animering till dess startvärde. Om Tween.rewind() anropas när den interpolerade animeringen fortfarande spelas upp spolas animeringen tillbaka till startvärdet och fortsätter sedan att spelas upp. Om Tween.rewind() anropas när den interpolerade animeringen har stoppats eller avslutat att spela upp animeringen spolas animeringen tillbaka till startvärdet och stoppas sedan. Använd den här metoden om du vill spola tillbaka en interpolerad animering till referenspunkten när du har stoppat den med Tween.stop()-metoden eller om du vill spola tillbaka en interpolerad animering under uppspelning.

Parametrar

Startar uppspelningen av en interpolerad animering från dess referenspunkt. Den här metoden används när en Tween ska startas om från början av animeringen när den har stannat eller spelats färdigt.

Stoppar uppspelningen av en interpolerad animering vid dess aktuella värde.

Instruerar den interpolerade animeringen att spelas upp omvänt från den senaste riktningen av interpolerade egenskapsökningar. Om den här metoden anropas innan animeringen av ett Tween-objekt är fullständigt, hoppar animeringen abrupt till slutet och sedan spelas den upp baklänges därifrån. Du kan göra så att animeringen spelas upp helt och sedan spelas upp igen baklänges genom att anropa Tween.yoyo()-metoden inom enTweenEvent.MOTION_FINISH-händelsehanterare. Med den processen börjar den omvända effekten av Tween.yoyo()-metoden inte innan den aktuella interpolerade animeringen är helt uppspelad.

Händelseobjektets egenskaper har följande värden:

Händelseobjektets egenskaper har följande värden:

Händelseobjektets egenskaper har följande värden:

Händelseobjektets egenskaper har följande värden:

Händelseobjektets egenskaper har följande värden:

Händelseobjektets egenskaper har följande värden:

Obs! För klasserna i fl.transitions-paketet måste du använda en import-sats, även i åtgärdspanelen i Flash Professional (för de flesta klasser behöver du inte använda importsatser i åtgärdspanelen). Du kan importera alla klasser i paketet genom att använda * på paketnivå eller importera varje klass separat.

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