在flex中如何移除所容器下所有子显示对象

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

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

for(var i:int=0; i<com.numChildren;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();