Muy simple pregunta a AS sobre fade-in y fade-out

Question

Una pregunta muy sencilla. Echar un vistazo al siguiente código. Es un cargador muy simple con una barra de progreso. La barra de progreso es un símbolo en la etapa llamada "barra".

Todo lo que quiero es a desaparecer la barra cuando se termina de cargar, y se desvanecen en la imagen que se carga. He intentado una serie de enfoques sin mucha suerte.

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

Gracias de antemano a cualquier persona que me puede dar cualquier punteros!

Answer 1

GTween

Tweener

TweenLite

Pruebe una de estas bibliotecas. Flash se ha incorporado en la biblioteca de Interpolación fl.transitions.Tween, pero no tan bonito como estos. Los tres mencionados tienen una API muy similar también.

Para su ejemplo, tendría que hacer esto (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});  
};

Esto interpolar la barra para alpha 0 teniendo .5 segundos, tween contenido de la cargadora (la imagen) a la alfa 1 teniendo .5 segundos, después de un retraso de .5 segundos, por lo que la barra se desvanece e inmediatamente se desvanece la imagen en.

hoja de trucos para Tweener funciones de aceleración

Answer 2

realmente no lo hago flash de desarrollo mucho más que un colega mío ama GTween de animación simple.

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

Si marca las demostraciones que verá usted puede hacer algunas cosas avanzadas, pero se supone que debe ser muy simple de hacer desvanecimiento básico de entrada y salida también. A continuación se muestra un ejemplo de animación básica, establecer el VARs itemToTween, secondsToAnimate y el cambio alfa como la propiedad que desee animar a la propiedad actual.

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

La esperanza de que le ayude un poco hasta que alguien con más conocimiento puede ayudar.