Flash：制作可互动的图片

Question

我试图弄清楚如何拍摄图像并使它在不同部分可交互。 该图像是一堆箭头，它们围成一个圆圈，我要发生的是，将特定的箭头悬停在其上方时，箭头会放大并在两个相邻的箭头上盘旋。

我从illustrator中导入了图像，然后将其闪烁到单个框架上，并使每个箭头成为一个按钮，向下的图像为放大版本，但是看起来图像在某种程度上位于单独的图层上？ 当我将鼠标悬停在其中一个箭头上方时，它位于一个箭头下方，而在另一个箭头上方。

我如何使悬停的箭头始终位于电影中所有其他图像的顶部？

也许是onHover将该符号带到了舞台最前面的代码？

Answer 1

我不确定您Flash应用程序/电影的结构，但我认为您会按照以下方法做一些事情：

import flash.display.Sprite;
import flash.events.MouseEvent;

arrow.addEventListener(MouseEvent.MOUSE_OVER, onArrowMouseOver);
arrow.addEventListener(MouseEvent.MOUSE_OUT, onArrowMouseOut);

function onArrowMouseOver(e:MouseEvent):void
{
    var arrow:Sprite = Sprite(e.target);
    setChildIndex(arrow, this.numChildren-1);
    arrow.scaleX = arrow.scaleY = 2;
}

function onArrowMouseOut(e:MouseEvent):void
{
    var arrow:Sprite = Sprite(e.target);
    arrow.scaleX = arrow.scaleY = 1;
}

Answer 2

您可以附加事件侦听器函数以对MouseEvent.MOUSE_OVER做出反应，这会将按钮置于最前面。

创建MyButton.as（下面的代码）以容纳扩展SimpleButton的类，并在其中添加侦听器功能。 然后在属性面板中将MyButton设置为箭头符号的基类。

package {

    import flash.display.SimpleButton;
    import flash.events.MouseEvent;

    public class MyButton extends SimpleButton {
        private function onMouseOver ( ev:MouseEvent ) : void {
            parent.setChildIndex (this, parent.numChildren -1);
        }

        public function MyButton () {
            addEventListener (MouseEvent.MOUSE_OVER, onMouseOver);
        }
    }
}