Sehr einfach als Frage zu Fade-Ins und Fade-Outs

Question

Sehr einfache Frage. Schauen Sie sich den Code unten an. Es ist ein sehr einfacher Lader mit einer Fortschrittsleiste. Die Fortschrittsleiste ist ein Symbol auf der Bühne namens "Bar".

Alles was ich möchte ist, die Stange zu verblassen, wenn sie das Laden beendet und das Bild lädt. Ich habe eine Reihe von Ansätzen ohne viel Glück ausprobiert.

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

Vielen Dank im Voraus an alle, die mir irgendwelche Hinweise geben können!

Answer 1

Gtween

Tweener

Tweenlite

Probieren Sie eine dieser Bibliotheken aus. Flash hat eine eingebaute Bibliothek zum Tweening, fl.Transition.tween, aber es ist nicht annähernd so schön wie diese. Alle drei erwähnten haben auch eine sehr ähnliche API.

Für Ihr Beispiel würden Sie dies tun (mit 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});  
};

Dies wird die Messlatte an Alpha 0, die 0,5 Sekunden dauert, den Inhalt des Laders (das Bild) zu Alpha 1 1,5 Sekunden nach einer Verzögerung von 0,5 Sekunden dauert, sodass die Stange ausgeblendet wird und das Bild sofort verblasst.

Cheat Sheet für Tweener -Lockerungsfunktionen

Answer 2

Ich mache nicht wirklich viel Blitzentwicklung, aber ein Kollege von mir liebt den Gtween für einfache Animationen.

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

Wenn Sie die Demos überprüfen, werden Sie sehen, dass Sie einige fortgeschrittene Sachen machen können, aber es wird angenommen, dass es sehr einfach ist, auch das einfache Verblassen in und aus zu machen. Im Folgenden finden Sie ein Beispiel für grundlegende Animationen, setzen Sie die Vars Itemtotween, Secondstoanimate und ändern Sie Alpha in die Eigenschaft, auf die Sie die aktuelle Eigenschaft animieren möchten.

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

Hoffe das hilft dir ein wenig, bis jemand mit mehr Wissen helfen kann.