Molto semplice domanda AS circa fade-in e fade-out

Question

Molto semplice domanda. Date un'occhiata al il codice qui sotto. E 'molto semplice pala con una barra di avanzamento. La barra di avanzamento è un simbolo sul palco chiamato "bar".

Tutto quello che voglio è per sfumare il bar alla fine del caricamento, e dissolvenza dell'immagine che carichi. Ho provato un certo numero di approcci, senza molta fortuna.

    var loader: Loader = new Loader();
addChild(loader);

loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
function completeHandler(evt:Event):void {
};

loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressHandler);

function progressHandler(evt:ProgressEvent):void {
    var percent: int = Math.round(evt.bytesLoaded/ evt.bytesTotal * 100);
    bar.width = percent;
};

var req:URLRequest = new URLRequest("encs1.jpg");

loader.load(req);

Grazie in anticipo a chi mi può dare tutti i puntatori!

Answer 1

GTween

Tweener

TweenLite

Prova una di queste librerie. Flash è dotato di un libreria per Tweening, fl.transitions.Tween, ma non altrettanto bello come questi. Tutti e tre citati hanno un'API molto simile pure.

Per il vostro esempio, si potrebbe fare questo (con Tweener):

function completeHandler(evt:Event):void {
    Tweener.addTween(bar, {alpha:0, transtion:"easeOutQuad", time:.5});
    addChild(loader.content);
    loader.content.alpha = 0;
    Tweener.addTween(loader.content, {alpha:1, transition:"easeInOutQunit", time:.5, delay:.5});  
};

Questo interpolare la barra di alfa 0 prendere .5 secondi, tween contenuto della pala (l'immagine) alfa 1 presa .5 secondi, dopo un ritardo di .5 secondi, quindi il bar sfuma e subito svanisce immagine a.

Cheat Sheet per Tweener funzioni di andamento

Answer 2

non lo faccio davvero lo sviluppo di Flash molto, ma un mio collega ama GTween per semplice animazione.

http://www.gskinner.com/libraries/gtween/

Se si controlla le demo vedrete che si può fare un po 'di cose avanzate, ma è supponiamo di essere molto semplice da fare sbiadimento base dentro e fuori troppo. Di seguito è riportato un esempio di animazione di base, impostare il Vars itemToTween, secondsToAnimate e il cambiamento alfa per essere la proprietà che si desidera animare la proprietà corrente.

new GTween(itemToTween, secondsToAnimate, { alpha: 1 }, { ease:Sine.easeOut } );

La speranza che aiuta un po 'fino a quando qualcuno con più conoscenza può aiutare.