Release Outside in As3?

[Nico B.]

Hallo,

folgende Situation:


Ich habe eine Komponente in As3 gebaut (eine Kombobox) und benutze diese je nach Unterseite bis zu 5 mal.
Wie bei einer Drop-DownBox / Kombobox üblich gibt es eine kleine Liste die ausfährt, wenn man auf die Box klickt.

Ich frage mich jetzt, wie ich es schaffe dass sich diese Box wieder "einfährt", wenn ich mit der Maus woanders als auf die Box klicke.
Bin da gerade etwas am verzweifeln, da ich nicht auf die Lösung komme.

Auf die Stage einen Listener zu setzen bringt nichts, da über die Stage noch Bilder und anderes Zeugs liegt.



Jemand ne Idee?

[andrelehnert]

Hi,

doch doch - mit dem Listener auf der stage bist Du auf der richtigen Spur.
Die Events kommen kommen auf jeden Fall an, auch wenn es andere
Objekte sind.
hier mal ein kleines Beispiel

PHP-Code:

import flash.events.MouseEvent;
import flash.display.Sprite;

//btn im Beispiel auf der Bühne

btn.addEventListener(MouseEvent.CLICK,activeHandler);

function activeHandler(e:MouseEvent):void{
    btn.scaleY=2;
    btn.removeEventListener(MouseEvent.CLICK,activeHandler);    
    btn.addEventListener(MouseEvent.CLICK,inactiveHandler);
    stage.addEventListener(MouseEvent.MOUSE_DOWN,inactiveByStageAction);
}
function inactiveHandler(e:MouseEvent):void{
    
    btn.scaleY=1;
    btn.removeEventListener(MouseEvent.CLICK,inactiveHandler);
    btn.addEventListener(MouseEvent.CLICK,activeHandler);    
    stage.removeEventListener(MouseEvent.MOUSE_DOWN,inactiveHandler);
}

function inactiveByStageAction(e:MouseEvent):void{
    if(e.target == btn) return;
    btn.scaleY=1;
    stage.removeEventListener(MouseEvent.MOUSE_DOWN,inactiveHandler);
    btn.removeEventListener(MouseEvent.CLICK,inactiveHandler);
    btn.addEventListener(MouseEvent.CLICK,activeHandler);    
} 


weiss | stage
grün | weiterer MC
grau | Button

LG ANdré

[Nico B.]

Hm also irgendwie komme ich da auf keinen grünen Zweig....


Die Haupt-Stage meiner Applikation habe ich in einem Model gespeichert.
Daher wollte ich jetzt in meiner Combobox was ala

Resources.MAIN_STAGE.addEventListener(MouseEvent.C LICK)


machen. jetzt muss ich ja irgendwie von der stage auf meine Combobox kommen... Versuche hier gerade was ala

"e.target.parent.parent.parent"

Aber das kann's ja irgendwie nicht sein...




Mir fehlt da gerade total der Ansatz,freu mich über nen Denkanstoß.


Grüße, nico

[padavan]

du kannst es doch genau wie im beispiel von andre machen

nur musst du vorher Event.ADDED_TO_STAGE abfangen damit du die stage als property von this bekommst - dann brauchst du sie auch nicht aus dem model zu holen

[Nico B.]

Genau das meine ich ja... this ist in diesem Falle die Combobox...

Ich versuche aus der Combobox heraus auf die mainstage zuzugreifen... Ist das die falsche Vorgehensweise?

[andrelehnert]

eine eigenschaft deiner combobox ist stage, nachdem sie geadded wurde..

PHP-Code:

this.stage.addEventListsner(MouseEvent.CLICK, clickHandler); 


LG ANdré

[Nico B.]

aber combobox.stage ist doch nicht stage der Mainclass ?? (oder doch?, das wäre mir jetzt peinlich)

[andrelehnert]

DOCH

LG ANdré

[Nico B.]

Oje.... ähm ja danke, ich versuch dann mal weiter rum.

So ganz sehe ich deshalb die Lösung nämlich noch nicht.

[hgseib]

ich versuch mal mein glück ;-)

es gibt nur ein stage. alle objekte, die direkt auf der bühne stehen, bzw. in objekten, die ihrerseits auf der bühne stehen usw. haben eine direkte referenz auf die eine bühne.

bei einem klick z.b. sausst das event vom angeklickten objekt den pfad runter bis zur bühne und dann wieder zurück. falls nicht irgendwo gestoppt.

deine combobox kann über einen listener auf der bühne alle klicks die dort ankommen abhören (oder auch weiter oben im pfad, falls da ein objekt bekannt ist und da das 'outside' definiert ist). wenn event.target nicht die combobox ist, dann wurde wohl was anderes geklickt. das wäre dann das alte 'onReleaseOutside'.

geht es um clicks auf die combobox selbst, dann hörst du mit einem listener natürlich die combobox direkt ab.

[andrelehnert]

Oje.... ähm ja danke, ich versuch dann mal weiter rum.
So ganz sehe ich deshalb die Lösung nämlich noch nicht.

Zeig doch mal n bisschen Code, weil von uns aus ist nun tatsächlich alles gesagt.

LG ANdré

[Nico B.]

deine combobox kann über einen listener auf der bühne alle klicks die dort ankommen abhören (oder auch weiter oben im pfad, falls da ein objekt bekannt ist und da das 'outside' definiert ist). wenn event.target nicht die combobox ist, dann wurde wohl was anderes geklickt. das wäre dann das alte 'onReleaseOutside'.

Genau das meine ich ja. (vom Gedankengang her wollte ich das Gleiche machen)


Nur: Ich habe auf meiner Bühne zig Sachen liegen, Buttons, Hintergrundbild usw... ich hätte jetzt in meiner Combobox diese Zeilen hier:

protected function onDropDownButtonClick(e:MouseEvent):void
        {
            
            if( !this._dropListVisible )            // False
            {
                showDropList();
                this.stage.addEventListener(MouseEvent.CLICK, onClick);
            }               
            else
            {
                hideDropList();
                this.stage.removeEventListener(MouseEvent.CLICK, onClick);
            }
            
            
            
        }
        
        protected function onClick(e:MouseEvent):void
        {
            trace( e.target);
        } 

(Ich denke die Benennung ist eindeutig und es wird klar, was gemacht wird)


In der onClick kann ich jetzt ja nicht für jedes andere Objekt( Buttons, Hintergrundbild usw.) abfragen, ob es das ist, wenn nicht dann die Liste schließen.

Das ist ja ziemlich umständlich ?

Ein

trace( e.target == this) 

geht natürlich nicht. :/


Man könnte natürlich von "aussen" einen Listener setzen, aber ich wollte das gerne alles innerhalb meiner Komponente regeln.

[thomas_E]

einfach:

PHP-Code:

private function onClick(e:MouseEvent):void
    if(dropList.contains(e.target) == false){
        hideDropList();
        this.stage.removeEventListener(MouseEvent.CLICK, onClick);
    }
} 


und das selbe im Eigenbau:

PHP-Code:

private function onClick(e:MouseEvent):void
    for(var t:DisplayObject = e.target as DisplayObject;t; t = t.parent){
        if(t == dropList) return;    //clicked inside
    }
    hideDropList();
    this.stage.removeEventListener(MouseEvent.CLICK, onClick);
} 


dropList musst du natürlich mit dem Namen deiner Referenz ersetzen

[Nico B.]

Genau das habe ich gesucht und nun gefunden - danke! :-)