黑羽翔天 § Kingda's Weblog: AS3.0教程(外3)：如何移除容器下所有子显示对象？

AS3.0教程(外3)：如何移除容器下所有子显示对象？

ActionScript3天地会公测中...

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

处于显示列表中的子显示对象。被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
	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();

广告：哈哈，现在刚好是阿里妈妈推广期哦，你是站长吗?推荐注册阿里妈妈赚广告费

留下高见，发表评论

个人信息不会外泄，请放心填写。

姓名和Email必填。

发表评论后，请耐心等待，不要频繁刷新。提交完成后，刷新一下本页即可看到您的评论。^_^

您的大名:

Email :

有网站吗？请留下URL:

记住您的信息？

Comments: (you may use HTML tags for style)

请输入验证字符"d" :

归档

类别

Comments (9)

frogcjn:

更简单的代码(我常用的):
while(numchildren)
removeChildAt(0);

Posted by frogcjn | August 10, 2007 11:57 AM

Posted on August 10, 2007 11:57

黑羽:

to frogcjn:
嗯，代码形式是简单了，但是效率没有文中两段代码高。
while(con.numChildren)，每次都要去读取容器对象numChildren这个getter方法，不如使用局部变量len效率高。

Posted by 黑羽 | August 10, 2007 12:37 PM

Posted on August 10, 2007 12:37

取水楼:

虽然知道深度管理是自动的,但没想到自动到这地步..真是惭愧...

Posted by 取水楼 | August 10, 2007 5:22 PM

Posted on August 10, 2007 17:22

musicworm:

受黑兄的启发,对于"指向成员对象并访问它们的API",我也给出我的办法:
代码如下:
for (var n:int =0; n var b:SimpleButton=this.getChildAt(n) as SimpleButton;
b.enabled=false;
}
for (var m:int =4; m var mc:Sprite=this.getChildAt(m) as Sprite;
mc.buttonMode=true;
}
注:场景中有4个按钮,4个影片剪辑.代码中必须明确声明成员类型(即用as关键字），否则报错．

Posted by musicworm | August 11, 2007 4:22 PM

Posted on August 11, 2007 16:22

发布时，可能有问题吧！代码有问题：少了n>4;n++，之类的语句了．
是不是改版后的＂错乱＂啊！哈哈！

Posted by musicworm | August 11, 2007 4:27 PM

Posted on August 11, 2007 16:27

Benben:

Posted by Benben | August 14, 2007 9:34 AM

Posted on August 14, 2007 09:34

Y-boy.cn:

我要的《Flash ActionScript 3 殿堂之路》干什么时候出啊...

急得要命了...Flash CS3的帮助文件都看完了...就等黑羽老大的书.....一本卖多少钱左右!??

Posted by Y-boy.cn | August 14, 2007 11:09 PM