有几种方法可以完成此任务。基本上有一个细节你必须知道。在 Flash 中,显示列表负责管理屏幕上的元素。DisplayObject 和 DisplayObjectContainer 类提供了访问和操作显示列表的 API。
一种天真的方法是
function placeAbove(d1:DisplayObject, d2:DisplayObject):void
{
if (!d1 || !d2) return;
d1.x = d2.x;
d1.y = d2.y;
}
但是当两个 DisplayObjects 有不同的父对象时,DisplayObjects 不在同一个坐标系中,所以这个小方法是行不通的。我编写了一个小例子:
包裹 {
import flash.display.DisplayObject;
import flash.display.DisplayObjectContainer;
import flash.display.Sprite;
import flash.geom.Point;
public class Points extends Sprite
{
public function Points()
{
const child1:Sprite = createSquare(50, 50, 0xFF0000, .5)
, child2:Sprite = createSquare(100, 100, 0x0000FF, .5)
, container1:Sprite = new Sprite()
, container2:Sprite = new Sprite();
DisplayObjectContainer(placeRandomly(addChild(container1))).addChild(child1);
DisplayObjectContainer(placeRandomly(addChild(container2))).addChild(child2);
placeAbove(child1, child2);
}
private function createSquare(width:Number, height:Number, color:uint = 0, alpha:Number = 1):Sprite
{
const sprite:Sprite = new Sprite();
sprite.graphics.beginFill(color, alpha);
sprite.graphics.drawRect(0, 0, width, height);
sprite.graphics.endFill();
return sprite;
}
private function placeAbove(child1:Sprite, child2:Sprite):void
{
const point:Point = child2.localToGlobal(new Point(0, 0))
, point2:Point = child1.globalToLocal(point);
child1.x = point2.x;
child1.y = point2.y;
}
private function placeRandomly(displayObject:DisplayObject):DisplayObject
{
displayObject.x = Math.random() * 100;
displayObject.y = Math.random() * 100;
return displayObject;
}
}
}
应用程序生成 2 个方格并将其添加到不同的父项中。容器(父项)随机放置在屏幕上,两个子显示对象也是如此。placeAbove 方法完成了所有的魔法。它从全局计算第二个显示对象的位置,并将其映射到父坐标系内的第一个显示对象目标本地位置。
我希望它有所帮助。