类中的 Flex 按钮事件监听器

Question

我在 Main.mxml 中有很多按钮。 我正在尝试将按钮功能移至类中，并让类内的事件侦听器响应 Click 并调用其他函数。 我写过：

Main.mxml

<mx:Button x="23.5" y="10" label="checker" click="{goListen()}" />
<mx:Button id="btnT1" x="252.5" y="10" label="t1" />
<mx:Button id="btnT2" x="309" y="10" label="t2"/>
<mx:Button id="btnT3" x="366" y="10" label="t3"/>

Main.as

private function goListen():void
    {
        var t:ButtonListener = new ButtonListener(btnT1, btnT2, btnT3);
    }

ButtonListener.mxml

package com.util

{ 导入 flash.events.EventDispatcher; 导入 flash.events.MouseEvent;

import mx.controls.Alert;
import mx.controls.Button;

public final class ButtonListener extends EventDispatcher
{
    private var __btnArray:Array;

    public function ButtonListener(...btnList)
    {
        __btnArray = new Array();

        for each (var item:Button in btnList)
        {
            __btnArray.push(item);
        }

        buildListeners();
    }

    private function buildListeners():void
    {
        for each (var item:Button in __btnArray)
        {
            item.addEventListener(MouseEvent.CLICK, traceMe, false, 0, true);
        }
    }

    private function traceMe(event:MouseEvent):void
    {
        trace(event.target.label + " was clicked");
    }
}

因此，

当我调试时，我看到数组填满了按钮，但traceMe() 函数不起作用。 不知道如何让它发挥作用。 或者我只需要在主类中拥有 30 个事件侦听器和相应的函数。

Answer 1

由于 Button 的单击事件会冒泡，因此您只需侦听主应用程序文件上的单击事件并委托给类中的处理函数即可。

或者您可以通过单击按钮直接调用处理程序。

private var controller:ButtonListener = new ButtonListener();

<mx:Button id="btnT1" x="252.5" y="10" label="t1" click="controller.handleClick(event)"/>

Answer 2

看起来您有两个不同的选择或问题。 如果将最后一个参数更改为

item.addEventListener(MouseEvent.CLICK, traceMe, false, 0, true);

false，那么一切都会正常，因为您的事件侦听器将继续处理鼠标单击。 当然，这意味着如果您第二次单击“检查器”按钮，您将有两组侦听器响应鼠标单击按钮一、二和三。

因此，您感兴趣的真正解决方案可能是保留上面引用的行相同，而是更改以下行：

var t:ButtonListener = new ButtonListener(btnT1, btnT2, btnT3);

如果您更改上面的行以将按钮侦听器存储为类的一部分，则它将可用于响应鼠标点击，而不是被垃圾收集：

_buttonListener = new ButtonListener(btnT1, btnT2, btnT3);

当然，假设您已在 mx:script 块中定义了 _buttonListener：

<mx:Script><![CDATA[
    var _buttonListener:ButtonListener;
 ]]></mx:Script>

按评论编辑：

在提供的代码中，t，ButtonListener，超出了范围。 当它发生时，除非您使用强引用，否则它将被垃圾收集，而您在 addEventListener 调用中不使用最后一个参数。

因此，使按钮侦听器成为主类的成员：

Main.mxml 将显示为：

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Button x="23.5" y="10" label="checker" click="{goListen()}" />
    <mx:Button id="btnT1" x="252.5" y="10" label="t1" />
    <mx:Button id="btnT2" x="309" y="10" label="t2"/>
    <mx:Button id="btnT3" x="366" y="10" label="t3"/>
    <mx:Script>
        <![CDATA[
            private var _buttonListener:ButtonListener;

            private function goListen():void
            {                
                _buttonListener = new ButtonListener(btnT1, btnT2, btnT3); 
            }
        ]]>
    </mx:Script>
</mx:Application>

由于事件侦听器将不再超出范围，因此事件侦听器使用的弱引用将用作预期的，当 __buttonListener 超出范围时被垃圾收集。