AS3.0：如何移除容器下所有子显示对象？

比如有一个容器，其下有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中，容器对子对象的深度管理是自动的，深度是连续的。
每移除指定深度的显示对象，那么其他子显示对象会移动并填充这个空位。因此，代码编写需要注意这一点。
容易误写的移除代码：

//以下是错误代码：

for(var i:int=0; i
	con.removeChildAt(i);

}

trace (con.numChildren); //输出：4

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

 

正确方式：

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();