Tween  - AS3 Flash

De beginwaarde van de aangewezen eigenschap van het doelobject voordat de tween start.

De duur van de getweende animatie in frames of seconden. Deze eigenschap wordt als parameter ingesteld bij het maken van een nieuwe instantie Tween of bij het aanroepen van de methode Tween.yoyo().

Een getal dat de eindwaarde aangeeft van de eigenschap van het doelobject die moet worden getweend. Deze eigenschap wordt als parameter ingesteld bij het maken van een nieuwe instantie Tween of bij het aanroepen van de methode Tween.yoyo().

Verwante API-elementen

Het aantal frames per seconde dat in de getweende animatie is berekend. Standaard wordt de huidige framesnelheid van het werkgebied gebruikt om de getweende animatie te berekenen. Wanneer u deze eigenschap instelt, wordt het aantal stappen van de geanimeerde eigenschap dat per seconde wordt weergegeven, ingesteld op de eigenschap Tween.FPS in plaats van op de huidige framesnelheid van het werkgebied. Het instellen van de eigenschap Tween.FPS verandert niets aan de werkelijke framesnelheid van het werkgebied.

Opmerking: wanneer de eigenschap Tween.FPS niet eerst expliciet is ingesteld, retourneert deze undefined.

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

De versnellingsfunctie die wordt gebruikt met de tween.

Hiermee wordt aangegeven of de tween momenteel wordt afgespeeld.

Hiermee wordt aangegeven of de tween wordt herhaald. Wanneer de waarde true is, wordt de tween elke keer nadat deze is voltooid, een oneindig aantal keren opnieuw gestart. Wanneer de waarde false is, wordt de tween slechts één keer afgespeeld.

Het doelobject dat wordt getweend.

De huidige waarde van de eigenschap van het doelobject die wordt getweend. Telkens wanneer een volgend frame van de getweende animatie wordt getekend, wordt deze waarde bijgewerkt.

De naam van de eigenschap die wordt beïnvloed door de tween van het doelobject.

De huidige tijd binnen de duur van de animatie.

Hiermee wordt aangegeven of de tween gedurende een periode van frames of seconden speelt. De waarde true zorgt ervoor dat de tween beweegt gedurende het aantal seconden dat wordt opgegeven door de eigenschap duration. De waarde false zorgt ervoor dat de tween gedurende een aantal frames beweegt.

Maakt een instantie van de klasse Tween. Gebruik de constructorfunctie met de operator new: var myTween:Tween = new Tween().

Verwante API-elementen

Hiermee wordt de getweende animatie geïnstrueerd door te gaan met tweenen vanuit het huidige animatiepunt naar een nieuw eind- en duurpunt.

Parameters

Verwante API-elementen

Hiermee wordt de getweende animatie direct verplaatst naar de definitieve waarde van de getweende animatie.

Hiermee wordt de getweende animatie naar het volgende frame verplaatst van een animatie die is gestopt. Gebruik deze methode om een getweende animatie die met de methode Tween.stop() is gestopt, met één frame tegelijk voorwaarts te laten gaan.

Opmerking: gebruik deze methode uitsluitend voor op frame gebaseerde tweens. Wanneer u bij het maken van een tween de parameter useSeconds instelt op false, wordt de tween op frames gebaseerd.

Hiermee wordt het vorige frame van de getweende animatie afgespeeld vanaf het huidige stoppunt van een animatie die is gestopt. Gebruik deze methode om een getweende animatie die met de methode Tween.stop() is gestopt, met één frame tegelijk achterwaarts te laten gaan.

Opmerking: gebruik deze methode uitsluitend voor op frame gebaseerde tweens. Wanneer u bij het maken van een tween de parameter Tween.start() useSeconds instelt op false, wordt de tween op frames gebaseerd.

Verwante API-elementen

Hiermee wordt het afspelen hervat van een getweende animatie die is gestopt. Gebruik deze methode om een getweende animatie te hervatten nadat deze is gestopt met de methode Tween.stop().

Opmerking: gebruik deze methode uitsluitend voor op frame gebaseerde tweens. Wanneer u bij het maken van een tween de parameter useSeconds instelt op false, wordt de tween op frames gebaseerd.

Hiermee wordt het afspelen van een getweende animatie weer begonnen bij de startwaarde. Wanneer Tween.rewind() wordt aangeroepen terwijl de getweende animatie nog wordt afgespeeld, wordt de animatie teruggespoeld naar de beginwaarde en gaat deze verder met afspelen. Wanneer Tween.rewind() wordt aangeroepen nadat de getweende animatie is gestopt of de animatie is voltooid, wordt de getweende animatie teruggespoeld naar de beginwaarde en wordt deze niet opnieuw afgespeeld. Gebruik deze methode om een getweende animatie terug te spoelen naar de beginwaarde nadat u deze hebt gestopt met de methode Tween.stop() of om een getweende animatie tijdens het afspelen terug te spoelen.

Parameters

Hiermee wordt het afspelen van een getweende animatie begonnen vanaf het startpunt. Deze methode wordt gebruikt om een Tween opnieuw te starten vanaf het begin van de animatie nadat het afspelen is gestopt of nadat de animatie is voltooid.

Hiermee wordt het afspelen van een getweende animatie gestopt bij de huidige waarde.

Hiermee wordt de getweende animatie geïnstrueerd af te spelen in tegenovergestelde richting ten opzichte van de meest recente richting door verhogingen in de getweende eigenschap. Wanneer deze methode wordt aangeroepen voordat de animatie van een object Tween is voltooid, springt de animatie ineens naar het einde van de beweging en speelt deze vervolgens vanaf dat punt in omgekeerde richting af. U kunt een animatie volledig laten afspelen en deze vervolgens in omgekeerde richting afspelen door de methode Tween.yoyo() in een gebeurtenishandler TweenEvent.MOTION_FINISH aan te roepen. Dit proces zorgt ervoor dat het omkeereffect van de methode Tween.yoyo() pas begint nadat de huidige getweende animatie is voltooid.

De eigenschappen van het gebeurtenisobject hebben de volgende waarden:

De eigenschappen van het gebeurtenisobject hebben de volgende waarden:

De eigenschappen van het gebeurtenisobject hebben de volgende waarden:

De eigenschappen van het gebeurtenisobject hebben de volgende waarden:

De eigenschappen van het gebeurtenisobject hebben de volgende waarden:

De eigenschappen van het gebeurtenisobject hebben de volgende waarden:

Opmerking: voor de klassen in het pakket fl.transitions moet u een instructie Importeren gebruiken, zelfs in het Actions-deelvenster van Flash Professional. (Voor de meeste klassen hebt u de instructie Importeren niet nodig in het Actions-deelvenster.) Gebruik * op het pakketniveau om alle klassen in het pakket in te sluiten of importeer elke klasse afzonderlijk.

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