ActionScript3：带函数参数的 removeEventListener

Question

如何在 actionscript 中从 MovieClip 中删除 EventListener？下面是我的示例代码。

import flash.events.MouseEvent;
import flash.geom.ColorTransform;
var color: ColorTransform = new ColorTransform();
color.color = 0x00CC66;
colorChange_mc.buttonMode = true;
colorChange_mc.addEventListener(MouseEvent.MOUSE_OVER, changeColor(color));
colorChange_mc.addEventListener(MouseEvent.MOUSE_OUT, changeColorToNormal);

function changeColor(color: ColorTransform): Function {
    return function (e: MouseEvent): void {

        colorChange_mc.transform.colorTransform = color;
      }
 }

 function changeColorToNormal(e: MouseEvent): void {
      var color: ColorTransform = new ColorTransform();
      color.color = 0x000033;
       colorChange_mc.transform.colorTransform = color;
 }


  changer_mc.buttonMode = true;
  changer_mc.addEventListener(MouseEvent.MOUSE_DOWN, removeEvent);
  function removeEvent(e: MouseEvent): void {
       colorChange_mc.removeEventListener(MouseEvent.MOUSE_OVER,      changeColor(color));

  }

我在stage 上创建了两个MovieClips，colorChange_mc 有两个EventListeners，一个用于mouseDown，一个用于mouseOut。当按下 change_mc 按钮时，我想删除EventListener 之一。我能够在不将参数传递给 changeColor 函数的情况下删除EventListener。但在我的真实课堂中，这个参数起着至关重要的作用。

Answer 1

改用 class-var - 你的代码中已经有一个。为了保持直截了当，我创建了第二个 ColorTransform 作为类变量 - normalColor

import flash.events.MouseEvent;
import flash.geom.ColorTransform;    
var color: ColorTransform = new ColorTransform();
color.color = 0x00CC66;
var normalColor: ColorTransform = new ColorTransform();
normalColor.color = 0x000033;
colorChange_mc.buttonMode = true;
colorChange_mc.addEventListener(MouseEvent.MOUSE_OVER, changeColor);
colorChange_mc.addEventListener(MouseEvent.MOUSE_OUT, changeColorToNormal);

function changeColor(e:MouseEvent): void{

    colorChange_mc.transform.colorTransform = color;

}

function changeColorToNormal(e:MouseEvent): void {

    colorChange_mc.transform.colorTransform = normalColor;
}


changer_mc.buttonMode = true;

changer_mc.addEventListener(MouseEvent.MOUSE_DOWN, removeEvent);
function removeEvent(e:MouseEvent): void {
    colorChange_mc.removeEventListener(MouseEvent.MOUSE_OVER,  changeColor);
}

您好。

Answer 2

问题在于，为了移除监听器，您必须识别最初传递给它的函数。但是您没有对该函数的引用，因为它是匿名的并且存在于全局范围内。

考虑面向对象。把所有改变颜色的功能放到一个类中。你真正想做的就是

• 指定颜色值
• 能够再次禁用整个功能。

在colorChange_mc 的类中添加两个方法，让你这样做：

public function set color(value:uint):void

和

 public function set disable(value:Boolean):void

或者，如果您希望这样做，您可以override enabled setter 函数将您的逻辑与它联系起来。

通过这种方式，您可以将当前使主时间线膨胀到类中的大部分代码重构。

Answer 3

根据我的第一个答案和您对此处新事实的评论是使用Dictionary...的更多按钮/颜色的解决方案...

import flash.events.MouseEvent;
import flash.geom.ColorTransform;
import flash.utils.Dictionary;
import flash.display.MovieClip;

var normalColor: ColorTransform = new ColorTransform();
normalColor.color = 0x000033;
//button1-30 are the instancenames of your buttons
var initObj:Array=[{btn:button1, color:0xFFFFFF},
                   {btn:button2, color:0xFF0000},
                   {btn:button3, color:0x00FF00},
                    ... 
                   {btn:button30, color:0x000000},
                   ];

var dict:Dictionary = new Dictionary();


initButtons();

function initButtons():void
{
    for each (var item:Object in initObj)
    {
        var btn = item.btn;
        btn.addEventListener(MouseEvent.MOUSE_OVER, changeColor);
        btn.addEventListener(MouseEvent.MOUSE_OUT, changeColorToNormal);
        dict[btn] = {color:item.color};
    }
}

function changeColor(e:MouseEvent):void
{

    var btn:MovieClip = e.target as MovieClip;
    var color:uint = dict[btn].color;
    var cT:ColorTransform=new ColorTransform();
    cT.color = color;
    colorChange_mc.transform.colorTransform = cT;

}

function changeColorToNormal(e:MouseEvent):void
{
    colorChange_mc.transform.colorTransform = normalColor;
}

您好。

Answer 4

感谢您的回复。正如我之前所说，我上面发布的代码只是一个示例。对不起，如果我问了不清楚的问题。我通过在按下 colorChange 按钮时禁用某些特定按钮来解决我的问题。

_userCardsButtons_mc.mouseEnabled = false;
_userCardsButtons_mc.mouseChildren = false;
_userCardsButtons_mc.buttonMode = false;

这段代码禁用了我之前添加的事件监听器。