用AS3清空容器下所有子显示对象

时间:2023-03-08 16:34:04
用AS3清空容器下所有子显示对象

容器中的子显示对象分为两类:

处于显示列表中的子显示对象。被numChildren所记录的。

由容器graphics对象绘制出来的矢量图。这个矢量图不属于Shape类型,不在容器的显示列表中,不被numChildren所记录。而是做为容器的背景矢量图存在,始终处于最后面。
因此,准确的说,如果要移除容器下所有子显示对象,就要分别移除这两类对象。

比如有一个容器,其下有8个sprite子对象,和一个graphics绘制出的图像:

var con:Sprite = new Sprite();
addChild(con);

for(var n:int =0; n<8; n++) {
con.addChild(new Sprite());
}
con.graphics.beginFill(0xFF0000);
con.graphics.drawCircle(100,100,100);
con.graphics.endFill();
trace ("con's children:" + con.numChildren);
//输出:con's children:8 graphics对象绘制的图形果然不在其中。

先说,如何移除显示列表中的显示对象。
在AS3中,容器对子对象的深度管理是自动的,深度是连续的。
每移除指定深度的显示对象,那么其他子显示对象会移动并填充这个空位。因此,代码编写需要注意这一点。
容易误写的移除代码:

//以下是错误代码1:
for(var i:int=0; i < con.numChildren; i++)
con.removeChildAt(i);
}
trace (con.numChildren); //输出:4

错误原因:每次删除1个子对象,后面的就填补上深度索引空缺,numChildren又会动态改变,因此出错。这样,实际只移除了四个显示对象,分别是0,2,4,6这四个索引的显示对象。因此,是错误的代码。

//以下是错误代码2:

for(var i:int=0; i < con.numChildren; i++)
con.removeChildAt(0);
}
trace (con.numChildren); //输出:4

错误原因:每次删除一个对象,虽然想每次删除第0层,后面的就填补上深度索引空缺,numChildren又会动态改变,当con.numChildren = 4时, i = 4,循环无法继续。

正确方式:

for(var i:int=con.numChildren-1; i>=0; i--) {
con.removeChildAt(0);
}
或:
var len:uint = con.numChildren;
while(len>0) {
con.removeChildAt(0);
len--;
}

由于显示列表会自动移动显示对象填充空缺,所以只移除0索引的位置即可。这样效率最高。
到这儿,大家可能会发现,虽然numChildren已经为0,但是graphics绘制的圆形仍然存在。所以最后,应当调用一句下面的代码把它也清除掉,才算真正的移除了容器下所有的显示内容。

con.graphics.clear();