Bezugspunkt bei addChild();

[TianK]

Hallo,

ich ordne einen Sprite einem anderen per addChild() unter. Ich bin bisher (auch aus alten Flash 8 / AS2 Tagen) davon ausgegangen, dass die Position kindElement.x = 0, kindElement.y = 0 genau an der Ecke links oben vom übergeordneten Sprite ist.
Aber leider erscheint dieses Element in der oberen linken Ecke der Bühne - und das verstehe ich nicht. Wieso erscheint es da oben und bekommt nicht ein neues Bezugssystem (vom übergeordneten Element) zugeordnet?

Hier der entsprechende Code Schnipsel:

private function createControls():void
		{
			controlBar.graphics.beginFill(0x000000,1);
			controlBar.graphics.drawRect(0,stage.stageHeight-controlBarHeight,stage.stageWidth,controlBarHeight);
			controlBar.graphics.endFill();
			controlBar.graphics.beginFill(0x222222,1);
			controlBar.graphics.drawRect(0,stage.stageHeight-controlBarHeight,stage.stageWidth,controlBarHeight / 2);
			controlBar.graphics.endFill();
			
			btnPlay.graphics.beginFill(0xEEEEEE,1);
			btnPlay.graphics.moveTo(0,0);
			btnPlay.graphics.lineTo(10,7);
			btnPlay.graphics.lineTo(0,14);
			btnPlay.graphics.lineTo(0,0);
			btnPlay.graphics.endFill();
			
			controlBar.addChild(btnPlay);
			addChild(controlBar);
			btnPlay.x = 10; //muss diese Verschiebung vornehmen, um das Kindelement aus der oberen linken Ecke
					//der Bühne ins übergeordnete Element zu verschieben
			btnPlay.y = 301; //wie bei X...
		}

[webxvideo]

Das ist schon richtig die Koordinaten beziehen sich auf das Elternelement.
Aber dieses hat bei Dir ja auch die Position x=0 und y=0, sitzt also in der Ecke oben links.

[TianK]

Du meinst, weil ich mit moveTo(0,0) die linke obere Bühnenecke ansteuer?? Wie umgehe ich das denn? Ich will bei pos x=y=0 einfach oben links im Elternelement hocken.

[webxvideo]

Dein Elternelement (controlBar) hast Du doch gar nicht neu positioniert, also ist es auch oben links in der Ecke. Folglich ist das Childelement (btnPlay) ohne eine Positionierung auch oben links.

EDIT:
Will sagen: Dein Child-Element IST im Parent-Element auf Position 0/0;

[webxvideo]

Ich glaube ich ahne jetzt wo Dein Denkfehler sitzt.
Meinst Du mit dem Wert stage.stageHeight-controlBarHeight in drawrect verschiebst Du den Sprite in seiner Position?
Das sit falsch, Du malst dort lediglich ein Rechteck welches an der Y-Position stage.stageHeight-controlBarHeight innerhalb von controlBar beginnt.

Wahrscheinlich erreichst Du mit folgendem Code Dein gewünschtes Ergebnis:

controlBar.graphics.beginFill(0x000000,1);
controlBar.graphics.drawRect(0,0,stage.stageWidth,controlBarHeight);
controlBar.graphics.endFill();
controlBar.graphics.beginFill(0x222222,1);
controlBar.graphics.drawRect(0,0,stage.stageWidth,controlBarHeight / 2);
controlBar.graphics.endFill();
 
controlBar.y=stage.stageHeight-controlBarHeight;
 
// und der Rest wie gehabt 
 

[Ui-Ui]

Du beginnst beim Zeichnen immer ganz links oben. Deine Controlbar fängt also eigentlich schon am 0-Punkt der Bühne an. Die Füllung aber erst später, entsprechend der controlBarHeight eben. Das ändert aber nichts daran dass die controlBar trotzdem schon am 0-Punkt anfängt. Der obere Teil ist also quasi transparent.

Gib die Höhe der controlBar mal mit "trace(controlBar.height)" aus und du wirst sehen dass diese Zahl höher ist als deine festgelegte controlBarHeight.

[TianK]

Ach Du kacke - Ihr habt ja dermaßen recht.

Das habe ich wirklich komplett verpeilt, dass ich das Zeichnen ja bei x=300 oder so anfange von der ControlBar ... habs nu auf 0,0 gestellt und es danach einfach verschoben - und zack, da klappts dann auch.

Vielen Dank euch, dass ihr mich da aus meinem Denkknoten rausgeholt habt!