为什么this.stop()要更改我在Adobe Animate中用setChildIndex()设置的z索引？

Question

我一直很难用setChildIndex()获得预期的结果。

在本例中，我有两个名为redDot和yellowDot的MovieClip实例，以及一个黑色正方形。我希望它将yellowDot放在底部，然后是正方形，然后是redDot。

//make black rectangle shape
var square = new createjs.Shape(new createjs.Graphics().f("#000000").dr(100,100,100,100));
this.addChild(square);

this.setChildIndex(this.yellowDot, 0); //set z-index towards background 
this.setChildIndex(square,1);
this.setChildIndex(this.redDot, 2);//towards foreground

取而代之的是我得到了redDot，yellowDot，然后是square。将this.stop()添加到末尾似乎会将其更改回预期的顺序。我不清楚是什么导致了这种差异。在发布设置中禁用循环。我是不是误解了这个函数和动画时间轴的工作原理？

Answer 1

我想知道舞台是不是没有更新？如果在代码末尾使用stage.update()会发生什么情况。(或者以任何方式更新动画脚本中的舞台)。

Answer 2

我相信调用this.stop()会重新呈现剪辑的初始状态，它使用原始的z索引定义。在以编程方式更改内容之前调用它可能更有意义。