xiangpei001
Flash/Flex构架师 / 广东
积分 0

如何移除容器下所有子显示对象?


2010-08-27 点击:


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


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

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

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

  1. var con:Sprite = new Sprite();  
  2. addChild(con);  
  3. for(var n:int =0; n<8; n++) {  
  4.  
  5. con.addChild(new Sprite());  
  6.  
  7. }  
  8.  
  9. con.graphics.beginFill(0xFF0000);  
  10.  
  11. con.graphics.drawCircle(100,100,100);  
  12.  
  13. con.graphics.endFill();  
  14.  
  15. trace ("con's children:" + con.numChildren);  
  16.  
  17. //输出: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这四个索引的显示对象。因此,是错误的代码。

正确方式:
 

  1. for(var i:int=con.numChildren-1; i>=0; i--) {  
  2.  
  3. con.removeChildAt(0);  
  4.  
  5. }  
  6.  

或:

  1. var len:uint = con.numChildren;  
  2.  
  3. while(len>0) {  
  4.  
  5. con.removeChildAt(0);  
  6.  
  7. len--;  
  8.  
  9. }  
  10.  

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


    xiangpei001  版权所有
    禁止任何用途(禁止转载、商用和个人使用)


所属分类:技术经验分享

本文标签:容器 移除 子显示对象

各位正在潜水的同学请注意,有0位无聊人士 在EBIBI附近出没!







    点击我更换图片 看不清
    评论内容 (*必填):

    (Ctrl + Enter 快速提交)