由于影片剪辑重叠而导致的 AS3 MOUSE_OVER 问题

Question

我正在开发一些屏幕上有很多不同按钮的东西。按钮需要使用影片剪辑而不是实际的“按钮”来制作。

我正在使用 Flash CS4 和 ActionScript 3。

我在鼠标悬停时在按钮周围创建了发光效果。这效果很好，只是发光效果为按钮创建了一个大约是实际按钮宽度和高度两倍的碰撞框。我做了一些研究，最终在按钮符号内创建了一个符号，其中仅包含我想要触发按钮的点击区域。这对于触发按钮非常有效。现在，当我将鼠标悬停在按钮上时，它们仅在我点击实际按钮图形本身时才会亮起，而不是发光动画中其周围的框。然而，问题是，由于某种原因，动画中的框仍然阻止在附近的按钮上检测到鼠标悬停（如果框与它们重叠）。

这可能听起来令人困惑，所以这里是一张图片：

• 绿色区域定义鼠标将激活发光的位置 动画片。

• 红色区域定义发光动画元件的实际框。

• 黄色区域定义了按钮中不包含的部分 激活发光动画，因为红色框挡住了 mouseover 事件不会被触发。

• 我省略了左侧按钮的红色框，以便更容易看到问题，但是请注意，实际上两个按钮周围都有这些框之一，右侧的按钮是刚刚放置在舞台上左侧按钮之后，导致其框位于左侧按钮的顶部。

注意：点击区域和动画都已包含在按钮符号内各自单独的符号中。将动画元件的 mouseEnabled 和 mouseChildren 设置为 false 似乎并没有像我希望的那样达到目的（基于对这个问题的研究）。

注意：当鼠标移动时，动画不会激活（并且不应该激活）被移动到红色区域，它仅在鼠标移动到绿色区域时激活，这是期望的行为，唯一的问题是我根本不希望鼠标事件检测到红色框。

这是按钮类的代码：

package classes{

    import flash.display.MovieClip;
    import flash.events.MouseEvent;
    import flash.events.Event;
    public class glowing_place_marker extends MovieClip {

        public static var instances:Array = new Array();
        public var is_playing:Boolean=false;
        private var is_mouse_over:Boolean = false;
        private var animation:MovieClip;

        public function glowing_place_marker() {

            this.animation = this.place_marker_animation;
            this.animation.stop();
            this.animation.mouseEnabled = false;
            this.animation.mouseChildren = false;   

            self:instances.push(this);
            this.place_marker_hit.addEventListener(MouseEvent.MOUSE_OVER, roll_over_handler);
            this.place_marker_hit.addEventListener(MouseEvent.MOUSE_OUT, roll_out_handler);

        }

        public function roll_over_handler(e:MouseEvent) {
            this.animation.play();      
            this.is_playing=true;
            this.is_mouse_over = true;

        }

        public function roll_out_handler(e:MouseEvent) {

            stage.addEventListener(Event.ENTER_FRAME, checkFrame);
            this.is_mouse_over = false;
        }

        function checkFrame(event:Event):void {
            if (!this.is_mouse_over) {
                if (this.animation.currentFrame==1) {
                    stage.removeEventListener(Event.ENTER_FRAME, checkFrame);   
                    this.animation.stop();              
                    this.is_playing = false;

                }
            }
        }

    }

}

谁能向我解释如何获取动画框（红色框），而不遮挡其下方的按钮？ （有效地使鼠标事件无法检测到红色框，因此单击、鼠标悬停等可以直接穿过它到达下面的项目。）

预先感谢您。

Answer 1

尝试在包含按钮点击区域的容器 DisplayObject（带有发光的容器）上设置 mouseEnabled = false。您仍然希望保留 mouseChildren = true。这样，发光不应再阻止鼠标事件。

mouseEnabled 和 mouseChildren 的有用之处在于，您可以选择仅禁用容器，或仅容器' 孩子们。

这是一本很好的读物：

mouseChildren 和 mouseEnabled