无法删除精灵容器的所有图像

Question

我有一堆图像。 这些图像全部添加到精灵容器中：

var container:Sprite = new Sprite();
container.addChild(img);//added in a loop
addChild(container);

稍后，当我迭代容器以删除图像时，我说：

for(var i:int=0;i<container.numChildren;i++)
{
     var currImg:Sprite = container.getChildAt(i) as Sprite;
     container.removeChild(currImg);
}

仅删除了部分图像。如果我跟踪container.numChildren，我会得到要删除的正确图像数量。 有人遇到同样的问题吗？

Answer 1

尝试以相反的顺序删除它们。您可能会丢失删除，因为您试图在前向循环中删除它们。

for(var i:int=container.numChildren;i>=0;i--)
{
     var currImg:Sprite = container.getChildAt(i) as Sprite;
     container.removeChild(currImg);
}

Answer 2

我也遇到过这个问题。这里实际上的错误在于，您逐步浏览显示列表并在每次迭代时将其缩小。在 AVM2 中，显示列表深度在此上下文中自动管理，并且当您删除子项时，显示列表深度的其余部分将被调整。无论如何，解决方案是将其包装在 while 循环中：

while(container.numChildren > 0){
    container.removeChildAt(0);
}

更新

还有关于您的代码的注释。尽量不要对剪辑投射新的引用。这将导致闪存虚拟机中的垃圾收集过程出现问题，该过程是自动的，并且只有取消引用或使用弱引用引用的对象才会被清理。因此，您可以执行以下操作之一：

for(var i:int=0;i<container.numChildren;i++)
{
     var currImg:Sprite = container.getChildAt(i) as Sprite;
     container.removeChild(currImg);
     currImg = null;
}

或

for(var i:int=0;i<container.numChildren;i++)
{
     container.removeChild(Sprite(container.getChildAt(i)));
}

Answer 3

这段代码可以工作：

while(container.numChildren > 0)
{
    container.removeChildAt(0);
}

但是我想指出该循环有什么问题，以便您了解发生了什么。将我在下面添加到您的代码中的跟踪添加到您的代码中。 ：

for(var i:int=0;i<container.numChildren;i++)
{
     trace (i + " : " + container.numChildren);
     var currImg:Sprite = container.getChildAt(i) as Sprite;
     container.removeChild(currImg);
}

您会看到每次循环时，子级的数量都会按预期减少。

但您需要了解的是，当删除子项时，容器的显示列表会发生非常显着的变化。

下面是运行循环之前显示列表的外观示例——这些列表前面的数字是它们在容器显示列表中的位置。

0-cat
1-dog
2-bird
3-cow
4-elephant
5-clown

现在，第一次通过循环，您删除了 cat，因为它在显示列表上的位置为 0。显示列表现在如下所示：

0-dog
1-bird
2-cow
3-elephant
4-clown

请注意，显示列表索引已根据删除的子项进行了移动。根据设计，显示列表上不能有间隙。

所以，下一次循环时，i 的值为 1——对吧？这意味着“鸟”将从显示列表中删除，而不是狗，这正是您所期望的。

这是下次循环后的显示列表：

0-dog
1-cow
2-elephant
3-clown

所以，是的。其中许多解决方案都将发挥作用。在这种情况下，我建议使用 while 循环。但我认为从这个问题中获得的真正知识是理解这个问题。

Answer 4

与@Michael的答案类似，您的原始代码缺少删除，因为您的“numChildren”大小正在减少，并且您的迭代器在每个循环上都在增加：

正如@Ascension Systems指出的，这是最好的方法。

while(container.numChildren > 0){
  container.removeChildAt(0);
}

但是，如果您确实想循环执行此操作，则需要反向执行。

for(var i:int=container.numChildren;i>=0;i--){
  container.removeChild(container.getChildAt(i));
}

为了说明原始代码中发生的情况，请注意以下包含 25 个子项的示例：

如果在前向循环中删除，则会发生以下情况（在每次迭代中）：

i:0 Array length:24
i:1 Array length:23
i:2 Array length:22
i:3 Array length:21
i:4 Array length:20
i:5 Array length:19
i:6 Array length:18
i:7 Array length:17
i:8 Array length:16
i:9 Array length:15
i:10 Array length:14
i:11 Array length:13
//the remaining 12 items never get looped over...