Path and MouseEvents

[hothead89]

Hallo zusammen.
ich wollte wissen wie ich mouseevents auf nicht rechteckigen pfaden abfangen kann als beispiel das hier:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:local="*">
	<fx:Declarations>
		<!-- Platzieren Sie nichtvisuelle Elemente (z.*B. Dienste, Wertobjekte) hier -->
	</fx:Declarations>
	
	<local:isoTile/>
	
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
		 xmlns:s="library://ns.adobe.com/flex/spark" 
		 xmlns:mx="library://ns.adobe.com/flex/mx" 
		 initialize="init()"
		 >
	<fx:Declarations>
		<!-- Platzieren Sie nichtvisuelle Elemente (z.*B. Dienste, Wertobjekte) hier -->
	</fx:Declarations>
		
	<fx:Script>
		<![CDATA[
			private var m_nTileLength:Number = 100;
			private var m_nIsoAngle:Number = 2*Math.PI*(30/360);
			
			private var m_nTileHorizontal:Number = Math.cos(m_nIsoAngle) * m_nTileLength;
			private var m_nTileVertical:Number = Math.sin(m_nIsoAngle) * m_nTileLength;
			
			[Bindable] private var m_nXM:Number = m_nTileHorizontal;
			[Bindable] private var m_nYM:Number = m_nTileVertical;
			
			[Bindable] private var m_nXR:Number = m_nXM - m_nTileHorizontal;
			[Bindable] private var m_nYR:Number = m_nYM;
			
			[Bindable] private var m_nXL:Number = m_nXM + m_nTileHorizontal;
			[Bindable] private var m_nYL:Number = m_nYM;
			
			[Bindable] private var m_nXO:Number = m_nXM;
			[Bindable] private var m_nYO:Number = m_nYM - m_nTileVertical;
			
			[Bindable] private var m_nXU:Number = m_nXM;
			[Bindable] private var m_nYU:Number = m_nYM + m_nTileVertical;
			
			private function init(): void
			{
				trace(m_nXM, m_nYM, m_nXR, m_nYR);
			}
			
			private function onTile ( event:MouseEvent ) : void
			{
				trace(event.currentTarget);
				tilecolor.color = 0x00ff00;
			}
			
			private function offTile ( event:MouseEvent ) : void
			{
				tilecolor.color = 0x000000;
			}
		]]>
	</fx:Script>
	<s:Group mouseOver="onTile(event)" mouseOut="offTile(event)">
		<s:Path data="M {m_nXR} {m_nYR} L {m_nXO} {m_nYO} L {m_nXL} {m_nYL} L {m_nXU} {m_nYU} Z">
			<s:fill >
				<s:SolidColor id="tilecolor" color="0x000000"/>
			</s:fill>
			<s:stroke>
				<s:SolidColorStroke color="0x000000"/>
			</s:stroke>
		</s:Path>
	</s:Group>
	
	
	
</s:Group>

Der code baut eine quadrat in der isoperspektive. ich will jetz das mouseover nur ausgeführt haben wollen, wenn die maus nicht auf die gruppe geht sondern tatsächlich auf den pfad und das füllobjekt (also ohne boundingbox) doch wie kann ich das machen?
Vielen dank schon mal

[Omega Psi]

Die Doku sagt:

GroupBase.mouseEnabledWhereTransparent="true|false"

[hothead89]

ah das ist auch eine möglichkeit, weil ich hab noch eine lösung gefunden. die frage ist nur, welche ist effizienter. die ture/false variante oder ein skinnableContainer weil da funktioniert das auch? ich will schon auf performance schauen. weiß jemand was besser ist? danke

[Omega Psi]

Ich hab keine Idee, was du mit SkinnableContainer meinst?

[hothead89]

<s:SkinnableContainer id="" mouseOver="onTile(event)" mouseOut="offTile(event)">
		
	</s:SkinnableContainer>

dieser container passt sich an den inhalt an und ist nicht rechteckig. die frage ist jetz eben nur was effizienter ist ... ich nehme fast an dass deine variante besser ist oder?

[Omega Psi]

Was ist denn die Basisklasse der Skin?

[hothead89]

SkinnableContainer => SkinnableContainerBase => SkinnableComponent => UIComponent => FlexSprite => Sprite => DisplayObjectContainer => InteractiveObject => DisplayObject => EventDispatcher => Object

Und von Group ist es ja:
Group => GroupBase => UIComponent => FlexSprite => Sprite => DisplayObjectContainer => InteractiveObject => DisplayObject => EventDispatcher => Object

[Omega Psi]

Lies dir meine Frage noch mal durch.