Есть ли такая функция или свойство, как css-zIndex в actionscript?

Question

Я хочу контролировать, какой DisplayObject отображается на передней или задней панели.
Я могу контролировать это с помощью стиля zIndex в css.

Как я могу сделать это как?

Answer 1

Посмотрите на setChildIndex()

Вот быстрая функция, которая позволит вам разместить что-то на самой большой глубине:

function toTop(child:DisplayObject):void
{
    if(child.parent)
    {
        child.setChildIndex(
            child.parent.numChildren - 1
        );
    }
}

Answer 2

Для управления z-порядком объектов displayObject используйте setChildIndex ().

Нижние индексированные дочерние элементы отображаются внизу.
Верхние индексированные дочерние элементы отображаются вверху.

Чтобы изменить порядок дочерних элементов, используйте setChildIndex, чтобы проиллюстрировать:

var container:Sprite = new Sprite();
var child1:Sprite = new Sprite();
var child2:Sprite = new Sprite();
var child3:Sprite = new Sprite();

container.addChild(child1); // bottom 
container.addChild(child2); // middle
container.addChild(child3); // top  
container.setChildIndex(child3,0); // child3 would now be at the bottom

Answer 3

Есть даже больше параметров, чем просто установка z-index, у вас есть полный контроль над слоями:

getChildAt(index:int):DisplayObject

Получает объект по определенному индексу

getChildIndex(child:DisplayObject):int

Получает индекс от определенного объекта

addChild(child:DisplayObject):DisplayObject
addChildAt(child:DisplayObject, index:int):DisplayObject

Добавляет объект сверху (addChild) или по определенному индексу (addChildAt)

swapChildren(child1:DisplayObject, child2:DisplayObject):DisplayObject
swapChildrenAt(index1:int, index2:int):void

Поменять объекты друг с другом по их z-индексу