AS3 Bewegungstween - Menu slide in/out

[Zocky]

Hallo

Ich möchte eine Navigation von open reinsliden lassen.
Kein Problem mit ZWEI Buttons. dann sieht es in etwa so aus:


import fl.transitions.Tween;
import fl.transitions.easing.*;

var inTween:Tween;
var outTween:Tween;

fadein_btn.addEventListener(MouseEvent.CLICK, fadeIn);
fadeout_btn.addEventListener(MouseEvent.CLICK, fadeOut);

function fadeIn(e:MouseEvent) : void {
inTween = new Tween(slideInNavi, "y", None.easeNone,0,250,1,true);
}

function fadeOut(e:MouseEvent) : void {

outTween= new Tween(slideinNavi, "y", None.easeNone,250,0,1, true);

}

Doch wie kann ich das auf nur einen Button, der den namne hat "Menue", anbringen?
Bin noch Anfänger, daher eine "einfache" Lösung wenn es geht...

[silentx]

Welchen Namen meinst du genau?

function fadein(e:MouseEvent):void {
    var btn:Button = Button(e.currentTarget);
    if(btn.label != "menue") return; // Variante Was auf dem Button steht
    if(btn.name != "menue") return; // Falls du den Button.name gesetzt hast
    ...dein Code
}

[konrad_marcrea]

Ich glaube ich verstehe, was du möchtest: der Button soll beim ersten Click das Menü ausfahren und es bei erunetem Click wieder einfahren. Kein Problem, du musst einfach die Eventlistener im jeweiligen Zustand vergeben:

import fl.transitions.Tween;
import fl.transitions.easing.*;

var inTween:Tween;
var outTween:Tween;

menu_btn.addEventListener(MouseEvent.CLICK, fadeIn);


function fadeIn(e:MouseEvent) : void {
	inTween = new Tween(slideInNavi, "y", None.easeNone,0,250,1,true);
        
        // raus mit dem alten Eventlistener, rein mit dem neuen
        menu_btn.removeEventListener(MouseEvent.CLICK, fadeIn);
        menu_btn.addEventListener(MouseEvent.CLICK, fadeOut);
}

function fadeOut(e:MouseEvent) : void {
	outTween= new Tween(slideinNavi, "y", None.easeNone,250,0,1, true);

        // ... und wieder zurück in den Anfangszustand
        menu_btn.removeEventListener(MouseEvent.CLICK, fadeOut);
        menu_btn.addEventListener(MouseEvent.CLICK, fadeIn);
	
}

Jetzt sollte es passen.

[Zocky]

Hm.... also ganz verstehe ich es noch nicht, werde aber mal teste.

Meine Lösung sieht jetzt so aus. Hab mich an eine PHP Formularüberprüfung erinnert:

var inTween:Tween;
var texteffekte:MovieClip;

menue_btn.addEventListener(MouseEvent.CLICK, naviSlideIn);

var menueStatus:Boolean = false;
function naviSlideIn(e:MouseEvent) : void {

if (menueStatus === false) {
inTween = new Tween(slideInNavi, "y", Regular.easeOut, slideInNavi.y,40,2, true);
//menueStatus = !menueStatus;
menueStatus = true;

} else {
inTween = new Tween(slideInNavi, "y", Regular.easeOut, slideInNavi.y,-40,2, true);
//menueStatus = !menueStatus;
menueStatus = false;
}


}

Funktioniert gut.

Trotzdem Danke

[Zocky]

Zitat von konrad_marcrea

Ich glaube ich verstehe, was du möchtest: der Button soll beim ersten Click das Menü ausfahren und es bei erunetem Click wieder einfahren. Kein Problem, du musst einfach die Eventlistener im jeweiligen Zustand vergeben:

import fl.transitions.Tween;
import fl.transitions.easing.*;

var inTween:Tween;
var outTween:Tween;

menu_btn.addEventListener(MouseEvent.CLICK, fadeIn);


function fadeIn(e:MouseEvent) : void {
	inTween = new Tween(slideInNavi, "y", None.easeNone,0,250,1,true);
        
        // raus mit dem alten Eventlistener, rein mit dem neuen
        menu_btn.removeEventListener(MouseEvent.CLICK, fadeIn);
        menu_btn.addEventListener(MouseEvent.CLICK, fadeOut);
}

function fadeOut(e:MouseEvent) : void {
	outTween= new Tween(slideinNavi, "y", None.easeNone,250,0,1, true);

        // ... und wieder zurück in den Anfangszustand
        menu_btn.removeEventListener(MouseEvent.CLICK, fadeOut);
        menu_btn.addEventListener(MouseEvent.CLICK, fadeIn);
	
}

Jetzt sollte es passen.

Jetzt versteh ich deine Version!
Werd ich auch mal versuchen, aber mit if-Abfrage scheint es leichter zu sein?

[konrad_marcrea]

Zitat von Zocky

Jetzt versteh ich deine Version!
Werd ich auch mal versuchen, aber mit if-Abfrage scheint es leichter zu sein?

In diesem Fall macht das wohl wirklich keinen großen Unterschied, es kommt mir nur sauberer vor. Die Eventhandler bleiben kompakt, haben eine absolut eindeutige Definition und man spart sich eine Variable.

Z.B. könnte man mit meiner Lösung das Menü auch durch ein anderes Ereignis einfahren lassen, indem man "fadeOut(null)" aufruft. Mit der "if"-Variante müsste man immer zuerst prüfen, ob es überhaupt ausgefahren ist.

Prinzipiell eröffnet das Ein- und Ausschalten von Eventlistenern eine Menge interessanter Möglichkeiten.