Très simple question à propos de fade-in et fade-out

Question

question très simple. Jetez un oeil sur le code ci-dessous. Il est un chargeur très simple avec une barre de progression. La barre de progression est un symbole sur la scène appelée « bar ».

Tout ce que je veux est à disparaître la barre quand il se termine le chargement, et se fanent dans l'image que les charges. J'ai essayé un certain nombre d'approches sans beaucoup de chance.

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

Merci d'avance à tous ceux qui peuvent me donner des pointeurs!

Answer 1

GTween

Tweener

TweenLite

Essayez l'une de ces bibliothèques. Flash a construit dans la bibliothèque Tweening, fl.transitions.Tween, mais pas aussi bien que ceux-ci. Tous les trois ont mentionné une API très similaire aussi bien.

Pour votre exemple, vous feriez cela (avec 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});  
};

Ceci interpoler la barre d'alpha 0 prenant .5 secondes, tween contenu de la chargeuse (l'image) à prendre une alpha .5 secondes, après un retard de .5 secondes, de sorte que la barre se fane dehors et immédiatement les fondus d'image dans.

antisèche pour les fonctions d'assouplissement Tweener

Answer 2

Je ne fais pas vraiment beaucoup le développement flash, mais un de mes collègues aime GTween pour l'animation simple.

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

Si vous vérifiez les démos que vous verrez que vous pouvez faire des choses avancées, mais il est supposé être très simple fading de base et trop. Voici un exemple d'animation de base, définissez le vars itemToTween, secondsToAnimate et le changement alpha être la propriété que vous souhaitez animer la propriété actuelle à.

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

L'espoir que vous aide un peu jusqu'à ce que quelqu'un avec plus de connaissances peut vous aider.