在动作脚本中处理 MouseOver 和 MouseOut 的正确方法是什么？

Question

这感觉应该很明显，但是我在处理带有动作脚本中的一系列电影剪辑的 MouseEnter 和 MouseOut 时遇到了麻烦。

我有一个用作背景的影片剪辑。在那个背景下，我添加了一个额外的影片剪辑作为一个按钮。在该按钮的 MouseEnter 上，我添加了一个附加的影片剪辑作为悬停状态，并删除了初始按钮。在 MouseOut 上，我删除了 hoverstate 按钮，并读取了原始的普通按钮。

在 90% 的情况下，它会按您的预期工作。但是另外 10% 的时间，在 MouseOut 上，MouseEnter 事件会触发，即使您的鼠标不再在按钮上，它也具有悬停状态，因此您可以这样做。

一些代码来说明，这是我首先添加的主要电影剪辑：

package  {
import flash.display.MovieClip;

public class Menu_Main extends MovieClip {

    var backdrop:Backdrop;

    public function Menu_Main() {
        backdrop = new Backdrop();
        addChild(backdrop);
    }
}

}

这是我后续的影片剪辑逻辑，处理我的菜单按钮的逻辑： 包{

import flash.display.MovieClip;
import flash.events.MouseEvent;

public class Backdrop extends MovieClip {

    var button:MyMenuButton;
    var button_hover:MyMenuButton_Over;

    public function InitializeButton()
    {
        button = new MyMenuButton();

        button.addEventListener(MouseEvent.MOUSE_OVER, Button_MouseOver);
        addChild(button);
    }

    function Button_MouseOver(event:MouseEvent):void
    {
        removeChild(button);

        button_hover = new MyMenuButton_Over();
        button_hover.addEventListener(MouseEvent.ROLL_OUT, ButtonHover_MouseOut);
        addChild(button_hover);
    }

    function ButtonHover_MouseOut(event:MouseEvent):void
    {
        removeChild(button_hover);
        addChild(button);
    }

    public function Backdrop() {

        InitializeButton();

    }
}

}

这里的代码不包括我在合适的地方删除 EventListeners 的尝试。无论添加和删除 EventListener 的组合如何，结果都是一样的。我还尝试了一些 ROLL_OUT 和 ROLL_OVER 的组合，而不是鼠标版本。我不能说我已经完美地使用了它们，但结果还是一样的。

任何人都可以就处理此问题的正确方法提供一些建议吗？

Answer 1

两件事：首先，我使用 Flash CS5.5 和 FlashDevelop 尝试了您的代码，并且没有发现您描述的任何问题。该按钮对我来说效果很好（在旧 P4 机器上）。

其次，您可以用更少的代码和更少的电影剪辑实现相同的性能。 制作一个带有两个框架的按钮 MC。在 fr 中为按钮的主体着色不同。 2比在fr。 1.

使用相同的 Main 类。背景类现在看起来像这样：

package
{

 import flash.display.MovieClip;
 import flash.events.MouseEvent;

 public class Backdrop extends MovieClip {

 var button:MyMenuButton;
 var button_hover:MyMenuButton_Over;

public function Backdrop() 
{
   InitializeButton();
}

 public function InitializeButton()
 {
    button = new MyMenuButton();
    button.stop();
    button.addEventListener(MouseEvent.MOUSE_OVER, Button_Over);
    addChild(button);
 }

 function Button_Over(event:MouseEvent):void
 {
    button.gotoAndStop(2);        
    button.addEventListener(MouseEvent.MOUSE_OUT, Button_Out);
 }

 function Button_Out(event:MouseEvent):void
 {
    button.gotoAndStop(1);    
 }

}

}

Answer 2

这是因为动作脚本中的事件不是同步的。

这里的最佳做法是添加一个透明按钮，您将在该按钮上添加所有需要的侦听器 - ROLL_OVER 和 ROLL_OUT。在每个处理程序上 - 做你想做的事 - 添加或删除孩子，这并不重要，因为调度事件的实际目标仍然存在并且它仍然是相同的。

干杯！