Question

这种情况我遇到了很多，但似乎从来没有找到一个好的解决方案。我有一些影片剪辑，我在翻转时略微放大，但如果你将鼠标悬停在影片剪辑的边缘，它就会坐在那里闪烁，不断接收mouseOver和mouseOut事件。你怎么处理这个？同样，补间动画片段或按钮的比例时通常会出现问题。

my_mc.addEventListener(MouseEvent.MOUSE_OVER, mOver);
my_mc.addEventListener(MouseEvent.MOUSE_OUT, mOut);

private function mOver(m:MouseEvent) {              
   TweenLite.to(m.target, .2, { scaleX:1.1, scaleY:1.1} );
}

private function mOut(m:MouseEvent) {
   TweenLite.to(m.target, .2, { scaleX:1, scaleY:1} );
}

Answer 1

我知道你的意思：当剪辑扩展/收缩时，动画本身会生成不需要的输入事件，将光标移出或移出剪辑调整大小的hitTest区域。

一些想法：

覆盖一个清晰的精灵作为一个按钮区域，并缩放包含该内容的另一个子对象即，其鼠标输入事件被触发的对象仍然是一个恒定的大小：只有视觉工件改变了维度
（Simpler）在转换期间删除事件处理程序，在由TweenLite动画对象的onComplete属性触发的回调函数中重新添加它们：

my_mc.addEventListener(MouseEvent.MOUSE_OVER, _animate);
my_mc.addEventListener(MouseEvent.MOUSE_OUT, _animate);

private function _animate(event:MouseEvent):void
{
    var mc:Sprite = event.target as Sprite;        
    var animScale:Number = (event.type == MouseEvent.MOUSE_OVER) ? 2 : 1;

    TweenLite.to(mc, 0.5, {
        onStart: function():void {
            mc.removeEventListener(MouseEvent.MOUSE_OVER, _animate);
            mc.removeEventListener(MouseEvent.MOUSE_OUT, _animate);
        },
        scaleX: animScale, 
        scaleY: animScale,
        onComplete: function():void {
            mc.addEventListener(MouseEvent.MOUSE_OVER, _animate);
            mc.addEventListener(MouseEvent.MOUSE_OUT, _animate);
        } 
    });
}

as3 - 在放大按钮或动画片段时控制闪烁

1 个答案: