ActionSript 3 - 在鼠标悬停时显示控件

Question

我目前有一个图形动画，下面有一个简单的播放/暂停按钮，可以停止和启动整个动画：

第一帧：

stop();

btn_2.addEventListener (MouseEvent.CLICK, stopplaying);
function stopplaying(e:MouseEvent):void {
MovieClip(root).stop();
stop();
gotoAndStop(2);
}

第 2 帧：

stop();

btn_1.addEventListener (MouseEvent.CLICK, startplaying);
function startplaying(e:MouseEvent):void {
MovieClip(root).play();
play();
gotoAndStop(1);
}

这工作简单而完美。但是，我希望控制按钮在鼠标悬停时显示，并在鼠标离开动画区域时再次变为透明。简单地将 alpha 状态映射到鼠标事件是可行的，但似乎也破坏了按钮的功能。任何帮助将不胜感激！

更新： @BadFeelingAboutThis 有很好的逻辑，但我并没有取得太大的成功。需要明确的是，我的场景动作的第 1 帧现在是：

var btn_1, btn_2;

this.addEventListener(MouseEvent.MOUSE_OVER, mouseOver);
this.addEventListener(MouseEvent.MOUSE_OUT, mouseOut);

function mouseOver(e:Event):void {
if(btn_1) btn_1.visible = true;
if(btn_2) btn_2.visible = true;
}

function mouseOut(e:Event):void {
if(btn_1) btn_1.visible = false;
if(btn_2) btn_2.visible = false;
}

按钮被隐藏，但在鼠标悬停时不会重新出现。我能看到的唯一失败点是关键字“this”，也就是说，我使用不正确。如果我能提供任何其他信息，请告诉我！

更新 2：更多信息（我为我的模糊之处道歉）：这里是动画：[链接被剪断，更新链接如下]。播放/暂停按钮是一个名为“pp”的影片剪辑，它包含两个帧，每个帧都有一个按钮，一个名为 btn_1，另一个名为 btn_2。

更新 3：我添加了一个透明背景方块（名为“backpp”）作为鼠标事件区域（而不是使用更广泛的“this”）：

backpp.addEventListener(MouseEvent.MOUSE_OVER, mouseOver);
backpp.addEventListener(MouseEvent.MOUSE_OUT, mouseOut);

这很好用！当我将鼠标悬停在正方形上时，控件就会出现。当我鼠标移出时，它们就消失了。但是，播放/暂停功能现在不起作用。有任何想法吗？

更新 4：以下最新代码/上下文。播放/暂停按钮现在可以正常工作，并且按预期隐藏，但呈现出视觉“闪烁”行为，如下所示：http://allaboarddesign.com/rodney/rodney-test.swf

---

这是我的 FlashPro 上下文的屏幕截图：

Answer 1

您可以执行以下操作：

//create placeholder vars for your btns (they will be populated by the instances on the timeline)
//do this so the compiler knows they exist
var btn1, btn2; 

//hide the buttons, do this on frame 2 as well but with btn2
btn1.visible = false;

//listen for mouse over/out on `this` (the timeline whose code this on, presumably your animation)
this.addEventListener(MouseEvent.MOUSE_OVER, mouseOver);
this.addEventListener(MouseEvent.MOUSE_OUT,mouseOut);

function mouseOver(e:Event):void {
    //show the buttons if they exist
    if(btn1) btn1.visible = true;
    if(btn2) btn2.visible = true;
}

function mouseOut(e:Event):void {
    //hide the buttons if they exist
    if(btn1) btn1.visible = false;
    if(btn2) btn2.visible = false;
}

---

编辑

根据您的屏幕截图，您的层次结构看起来是这样的：

Maintimeline -> pp -> btn1

pp 是主时间轴动画的控件。

在这种情况下，代码应该在Main Timeline 上，如下所示：

pp.visible = false;

//listen for mouse over/out on `this` (the timeline whose code this on, presumably your animation)
this.addEventListener(MouseEvent.MOUSE_OVER, mouseOver);
this.addEventListener(MouseEvent.MOUSE_OUT,mouseOut);

function mouseOver(e:Event):void {
    //show the buttons if they exist
    pp.visible = true;
}

function mouseOut(e:Event):void {
    //hide the buttons if they exist
    pp.visible = false;
}

要使鼠标悬停在上面，您的动画需要在背景中放置一些东西才能将鼠标悬停，即使是透明的形状或影片剪辑也可以。