setChildIndex改变flex组件的显示层次

最新推荐文章于 2021-12-17 13:36:06 发布

原创最新推荐文章于 2021-12-17 13:36:06 发布 · 160 阅读

0 ·

CC 4.0 BY-SA版权

技术杂绘专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个使用ActionScript 3.0 (AS3) 编写的简单示例，该示例演示了如何创建并堆叠多个彩色圆形，并在用户点击圆形时改变它们在层级中的位置。通过监听鼠标点击事件，可以实现被点击的圆形自动移动到最上层的功能。

　　import flash.display.Sprite; import flash.events.MouseEvent; var container:Sprite = new Sprite(); addChild(container); var circle1:Sprite = new Sprite(); circle1.graphics.beginFill(0xFF0000); circle1.graphics.drawCircle(40, 40, 40); circle1.addEventListener(MouseEvent.CLICK, clicked); var circle2:Sprite = new Sprite(); circle2.graphics.beginFill(0x00FF00); circle2.graphics.drawCircle(100, 40, 40); circle2.addEventListener(MouseEvent.CLICK, clicked); var circle3:Sprite = new Sprite(); circle3.graphics.beginFill(0x0000FF); circle3.graphics.drawCircle(70, 80, 40); circle3.addEventListener(MouseEvent.CLICK, clicked); container.addChild(circle1); container.addChild(circle2); container.addChild(circle3); addChild(container); function clicked(event:MouseEvent):void { var circle:Sprite = Sprite(event.target); var topPosition:uint = container.numChildren - 1; container.setChildIndex(circle, topPosition); }