Event Listener ohne Referenzen

[ullim]

Hallo Leute!

Bevor ich mir den Mund fusselig rede habe ich mal meine Struktur (in Photoshop) nachgebaut.

Beim change einer der MediaListen soll in der mediaStage ein neues MediaType angelegt werden.

Beim change Event in einer der Listen (z.T. dynamisch generiert) dispatche ich einen eigen definierten Event. Damit ich meinen Listener nicht an jeder MediaList anmelden muss, setzte ich bubbles=true. Wie kommt nun die MediaStage an das Event?

Application.application.furtherStage.addEventListener(CallNewMediaEvent.CALL_NEW_MEDIA, validateMediaEvent);

Das funktioniert zwar, aber schon beim Lesen dürften sich einige Mägen umdrehen.

Das ist mein großes Problem! Könnt ihr mir helfen?

vielen Dank, Ulli

[Omega Psi]

Wo werden sie denn generiert?

[ullim]

Achso... in der Component MediaList (diese ist ein Canvas) liegt eine Liste.

<mx:List id="liste" 
    	dataProvider="{listData}"
    	itemRenderer="views.FurtherMedia" 
    	change="listChanged(event)"...

private function listChanged(event:ListEvent):void
{
	var myEvent:CallNewMediaEvent = new CallNewMediaEvent(CallNewMediaEvent.CALL_NEW_MEDIA);
	//weitere definitionen
	dispatchEvent(myEvent);
}

[Omega Psi]

Ist das alles in einer Datei? Dann vergib doch ids. Dann kannst du direkt referenzieren.

[ullim]

Das CallNewMediaEvent wird aus der Komponente MediaList verschickt - diese liegt in der Komponente furtherStage (im Bild heißt sie fälschlicherweise listStage). Diese liegt auf der Application. Die Komponente die das Event empfangen soll MediaStage liegt auch auf der Application.

edit: im Bild sind die Komponenten mit < > gekennzeichnet

[Omega Psi]

Sorry, ich verstehe das gerade nicht?! Kannst du nicht die mxml Strucktur posten?

[ullim]

Hehe ok ich versuchs:

Application:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"  
	xmlns:views="views.*">
	
	<mx:HBox width="100%" horizontalGap="0" height="100%">
		<mx:VBox id="vBox" height="100%" width="100%" verticalGap="0" horizontalAlign="left" verticalAlign="top">
			<mx:Image source="@Embed('assets/header.gif')" />
			<views:MediaStage id="mediaStage" />
		</mx:VBox>
		<views:FurtherStage id="furtherStage" height="100%" width="100%"  borderStyle="none" verticalGap="0" paddingTop="0"/>
	</mx:HBox>

	<mx:Label text="version 006 - Rapid Prototyping - hard couppling events" />
</mx:Application>

MediaStage:

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"
	creationComplete="init()">
	
	<mx:Script>
		<![CDATA[
			import mx.core.Application; //direkte Refferenz - muss noch weg
			import events.CallNewMediaEvent;

			private function init():void
			{
				//todo: irgendwie ohne direkte Refferenz!
				Application.application.furtherStage.addEventListener(CallNewMediaEvent.CALL_NEW_MEDIA, validateMediaEvent);
			}
			
			private function validateMediaEvent(event:CallNewMediaEvent):void
			{
				addMediaType(...);
			}
			
			private function addMediaType(...):void
			{
				var mt:MediaType = new MediaType();
				this.addChild(mt);
			}
		]]>
	</mx:Script>
</mx:HBox>

MediaType:

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">
	<mx:Script>
		<![CDATA[
			import mx.events.ModuleEvent;
			import mx.modules.ModuleLoader;

			private var moduleLoader:ModuleLoader;
			
			public function init():void
			{
				moduleLoader = new ModuleLoader();
				
				moduleLoader.addEventListener(ModuleEvent.READY, moduleReady);
				
				moduleLoader.url = "modules/Audio.swf";
				moduleLoader.loadModule();
				addChild(moduleLoader);
			}
			
			private function moduleReady(event:ModuleEvent):void
			{
				// Initialwerte an das Module geben
				// am liebesten natürlich über ein Event
			}
		]]>
	</mx:Script>
</mx:Canvas>

FurtherStage:

<?xml version="1.0" encoding="utf-8"?>
<mx:Accordion xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:views="views.*">
	
		<mx:TabNavigator label="asd">
			
			<!--kommen später aus ner XML-->
			<views:MediaList label="1" />
			<views:MediaList label="2" />
			<views:MediaList label="3" />
			<views:MediaList label="4" />
	
		</mx:TabNavigator>
	
		<views:MediaList label="asd2" />
	
</mx:Accordion>

MediaList:

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:views="views.*" creationComplete="init()">

	<mx:Metadata>
		[Event(name="userCallNewMedia", type="events.CallNewMediaEvent")]
	</mx:Metadata>

	<mx:Script>
		<![CDATA[
			import mx.events.ListEvent;
			import mx.rpc.events.ResultEvent;
			import events.CallNewMediaEvent;
			
			[Bindable] public var listData:ArrayCollection;
			
			public function init():void
			{
				dataService.send();
			}
			
			public function dataService_Result(event:ResultEvent):void
			{
				listData = event.result.furtherMediaData.furtherMedia as ArrayCollection;
			}
			
			private function listChanged(event:ListEvent):void
			{
				var myEvent:CallNewMediaEvent = new CallNewMediaEvent(CallNewMediaEvent.CALL_NEW_MEDIA);
				//event noch weiter spezifizieren
				dispatchEvent(myEvent);
			}

		]]>
	</mx:Script>

    <mx:HTTPService
		id="dataService"
		result="dataService_Result(event)"
		url="data/defaultMediaData.xml" />

    <mx:List id="liste" 
    	dataProvider="{listData}"
    	itemRenderer="views.ListMedia" 
    	change="listChanged(event)"/>
    
</mx:Canvas>

ListMedia:

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" 
	horizontalScrollPolicy="off" 
	verticalScrollPolicy="off" 
	includeInLayout="true" >

<!-- nur ein paar Labels etz. -->

</mx:Canvas>

phoo - ok das sind die Wichtigen. In der MediaStage hab ichs markiert

//todo: irgendwie ohne direkte Refferenz!

[Omega Psi]

In der VBox solltest du die Referenzierung vornehmen können. Ohne Refrenzen zu arbeiten ist ins Blaue raten und das hat nichts mit Software Entwicklung zu tun.

[ullim]

Meinst du in der Application?

import events.CallNewMediaEvent;
vBox.addEventListener(CallNewMediaEvent.CALL_NEW_MEDIA, mediaStage.validateMediaEvent);

Da kann er aber die Funktion nicht finden. (ich habe sie auch public gesetzt)

[Omega Psi]

Nein, das meine ich nicht. Du musst die Events der MediaList Komponente einen EventLister im Scope in der auch die VBox Instanz ist, triggern lassen.

[ullim]

Hmm da blick ich jetzt nicht durch... Ich versuch das mal zu verstehen:

1. Die Events der MediaList laufen ja durch bis runter zur Application.
2. Dabei durchlaufen sie die HBox in der auch die mediaStage ist.
3. Dann wäre also die HBox ein Scope in dem die mediaStage und die furtherStage ist.
4. Also kann ich von der MediaStage aus mit parent zur vBox dann mit parent zur hBox und da den EventListener anmelden.

parent.parent.addEventListener(CallNewMediaEvent.CALL_NEW_MEDIA, validateMediaEvent);

Ha! Das funktioniert! Ich war mir nicht bewusst, dass die Boxen (ich nehme an alle Container) einen eigenen Scope haben.

Vielen vielen Dank Omega Psi!

Ist das jetzt so richtig oder musst du mir nochmal auf die Finger hauen?