0

以 html5 为目标时，显示对象的绘制顺序有问题。请注意，如果我为 flash 编译它会按预期工作。这个问题太基本了，我很难相信这是 NME 的问题，而是我错过了一些关键的问题。

假设 NME 的工作方式与 Flash 类似，那么下面的代码应该会生成一个红色矩形，上面有一个较小的蓝色矩形。但是当我为 html5 构建时，红色矩形被绘制在顶部！

package;

import nme.display.Bitmap;
import nme.display.Shape;
import nme.display.Sprite;
import nme.display.StageAlign;
import nme.display.StageScaleMode;
import nme.events.Event;
import nme.Lib;

class Main extends Sprite 
{
    public function new() {
        super();
        addEventListener(Event.ADDED_TO_STAGE, init);
    }

    private function init(e) {
        var redContainer : Sprite = new Sprite();

        var redBox : Shape = new Shape();
        redBox.graphics.beginFill(0xaa0000);
        redBox.graphics.drawRect(0, 0, 100, 100);

        var blueBox : Shape = new Shape();
        blueBox.graphics.beginFill(0x0000aa);
        blueBox.graphics.drawRect(0, 0, 50, 50);

        // Add the sprite container 
        this.addChild(redContainer);

        // Add a blue box, which should appear on top of the (empty) container
        this.addChild(blueBox);

        // Add a red box to the container.
        // It should appear *below* the blue box since the container is below
        // the blue box, but the red box is drawn on top of the blue box!
        redContainer.addChild(redBox);
    }

    static public function main() {
        Lib.current.addChild(new Main());
    }
}

我在 Chrome、Firefox 和 IE9 中得到相同的行为。

4

1 回答 1

1

当我构建你的代码时它工作正常： 我的 html5 build。尝试重新安装最新版本的 NME（使用最新的 Haxe）。

在 Jeash，Haxe Javascript 库中仍然存在 DisplayObjects 排序的问题，但现在仅当您想稍后重新排序对象时：

this.addChild(redBox);

this.addChild(blueBox);

this.swapChildren(blueBox, redBox);

我试图删除并再次添加显示对象，但这不起作用。setChildIndex 也不起作用（https://bugs.launchpad.net/jeash/+bug/1005791）。

于 2012-09-19T05:11:58.970 回答