Actionscript 3 Entwicklerhandbuch

ACTIONSCRIPT 3.0 ENTWICKLERHANDBUCH
Programmieren von Anzeigeobjekten
Im Positionierungssystem von Anzeigeobjekten wird die Bühne als kartesisches Koordinatensystem (das gewohnte
Rastersystem mit einer horizontalen x- und einer vertikalen y-Achse) behandelt. Der Ursprung des
Koordinatensystems (die Koordinate 0,0, an der sich die x- und y-Achse treffen), befindet sich in der oberen linken
Ecke der Bühne. Von diesem Ursprungspunkt aus gehen die positiven x-Werte nach rechts und die negativen nach
links, während (im Gegensatz zu typischen Graphensystemen) positive y-Werte nach unten und negative nach oben
gehen. Beispielsweise wird das Objekt myShape mit den folgenden Codezeilen an die x-Koordinate 17 (17 Pixel vom
Ursprungspunkt nach rechts) und die y-Koordinate 212 (212 Pixel vom Ursprungspunkt nach unten) verschoben.
Standardmäßig werden die x- und y-Eigenschaften eines mit ActionScript erstellten Anzeigeobjekts auf 0 eingestellt
und das Objekt somit in der oberen linken Ecke des übergeordneten Inhalts platziert.
Ändern der Position relativ zur Bühne
Die Eigenschaften x und y beziehen sich immer auf die Position des Anzeigeobjekts relativ zur 0,0-Koordinate der
Achsen des übergeordneten Anzeigeobjekts. Bei einer Shape-Instanz (z. B. einem Kreis), die in einer Sprite-Instanz
enthalten ist, platziert das Einstellen der x- und y-Eigenschaften auf Null den Kreis in der oberen linken Ecke des
Sprite, die nicht unbedingt auch die obere linke Ecke der Bühne ist. Um ein Objekt relativ zu den globalen Koordinaten
der Bühne zu platzieren, verwenden Sie die globalToLocal()-Methode eines Anzeigeobjekts, um die Koordinaten
von globalen Koordinaten (Bühne) in lokale Koordinaten (Anzeigeobjektcontainer) umzuwandeln. Dies wird im
folgenden Beispiel gezeigt:
// Position the shape at the top-left corner of the Stage,
// regardless of where its parent is located.
// Create a Sprite, positioned at x:200 and y:200.
var mySprite:Sprite = new Sprite();
mySprite.x = 200;
mySprite.y = 200;
this.addChild(mySprite);
// Draw a dot at the Sprite's 0,0 coordinate, for reference.
mySprite.graphics.lineStyle(1, 0x000000);
mySprite.graphics.beginFill(0x000000);
mySprite.graphics.moveTo(0, 0);
mySprite.graphics.lineTo(1, 0);
mySprite.graphics.lineTo(1, 1);
mySprite.graphics.lineTo(0, 1);
mySprite.graphics.endFill();
// Create the circle Shape instance.
var circle:Shape = new Shape();
mySprite.addChild(circle);
// Draw a circle with radius 50 and center point at x:50, y:50 in the Shape.
circle.graphics.lineStyle(1, 0x000000);
circle.graphics.beginFill(0xff0000);
circle.graphics.drawCircle(50, 50, 50);
circle.graphics.endFill();
// Move the Shape so its top-left corner is at the Stage's 0, 0 coordinate.
var stagePoint:Point = new Point(0, 0);
var targetPoint:Point = mySprite.globalToLocal(stagePoint);
circle.x = targetPoint.x;
circle.y = targetPoint.y;
Letzte Aktualisierung 27.6.2012
186