在子类中处理MouseEvent.CLICK、MOUSE_DOWN

Question

我正在构建一个按钮面板，它们包含在 Canvas 容器中。为此，我创建了一个 MyButton 类，它是 UIComponent 的子类。 MyButton 类还有另外 2 个子类：MyRadioButton 和 MyMenuButton，它们在 MouseEvent.MOUSE_DOWN 上有另一种行为。 MyMenuButton 创建并显示一个菜单，我从 XML 构建该菜单，并且构建正常。

我在超类中添加侦听器，如下所示：

this.addEventListener(MouseEvent.CLICK, handleClick);
this.addEventListener(MouseEvent.MOUSE_DOWN, handleMouse);
this.addEventListener(MouseEvent.MOUSE_UP, handleMouse);

它是在创建阶段完成的。

在我的子类中，我重写了handleMouse处理程序。

override protected handleMouse(event:MouseEvent) : void
{
  // subclass specific handling
}

这些按钮对象添加到画布容器中，如下所示：

在类 MyButtonsContainer.as 中：

this.rowChildren.addChild(button);

这些按钮完美地绘制到位。问题在于行为： 该事件不会到达超类的handleClick 处理程序。这实际上就是问题所在——为什么会这样？ 提前致谢

编辑：看来 MOUSE_DOWN & MOUSE_UP 会干扰 CLICK 事件。当我删除它们的监听器时，我可以单击处理程序。如何使它们生活在一起？

Answer 1

我设法捕捉到 CLICK 事件作为 MOUSE_DOWN 和 MOUSE_DOWN 之间的时间差异。 MOUSE_UP。

编辑：短/长解释：由于某种原因，我的 MOUSE_DOWN/MOUSE_UP 事件监听器干扰了 MouseEvent.CLICK。有人建议我放弃监听 MouseEvent.CLICK ，而是在 MouseEvent.MOUSE_DOWN 中启动计时器，并再次检查 MouseEvent.MOUSE_UP< 中的计时器/代码>。如果差异小于 0.1（您可以设置另一个阈值），则实际上是一次点击。

现在是一些示例代码：

public class MyButton extends UIComponent
{
   ...
   private var _clickTime : Number = 0.;

   public function void MyButton()
   {
       super();
       addEventListener(MouseEvent.MOUSE_DOWN, handleMouse);
       addEventListener(MouseEvent.MOUSE_UP, handleMouse);
   }

   protected function checkForClick(event:MouseEvent) : Boolean
   {
      var down : Boolean = event.type == MouseEvent.MOUSE_DOWN;

      if (down)
         _clickTime = getTimer();
      else {
          var diff : Number  = getTimer() - _clickTime;
          if (diff/1000. < 1.) {
              handleClick();
              return true;
          }
      }
      return false;
   }

   protected function handleClick(event:MouseEvent) : void
   {
       // handle the click here
   }

   protected function handleMouse(event:MouseEvent) : void
   {
       checkForClick(event);
       ... 
       // take care of your button graphic state
   }

免责声明：此代码适用于我，并且适合我和我的应用程序需求。如果您不同意这种方式或者有更好的方式建议，请在评论中提出。由于这个答案回答了我自己的问题，并且添加此编辑只是因为我被要求这样做，所以如果您不同意它，请不要投票。

Answer 2

像这样调用超类方法

override protected handleMouse(event:MouseEvent) : void
{
  super.handleMouse(event);
  // subclass specific handling
}

Answer 3

如果我理解正确，您只需要确保在您的重写处理程序中通过调用 super - 来结束每个处理程序

override protected handleMouse(event:MouseEvent):void {
// my logic here for the subclass
trace("blah blah blah");

//now redispatch up to the superclass.
super.handleMouse(event);

}

Answer 4

我不是 100% 确定你在问什么，但我会重写这样的点击操作..

基类：

public class MyButton extends UIComponent
{
    /**
     * Constructor
     */
    public function MyButton()
    {
        // listeners
        addEventListener(MouseEvent.CLICK, _click);
        // ...other listeners
    }

    /**
     * Called on dispatch of MouseEvent.CLICK
     */
    private function _click(e:MouseEvent):void
    {
        doClick();
    }

    /**
     * Override this method and fill with actions to
     * do when this is clicked
     */
    protected function doClick():void
    {
        trace("base class was clicked");
    }
}

和扩展类：

public class MyOtherButton extends MyButton
{
    /**
     * Override doClick
     */
    override protected function doClick():void
    {
        super.doClick();
        trace("extending class was clicked");
    }
}

---

仔细检查你的代码后：

你已经为一个函数添加了两个不同的侦听器，它们不应该具有单独的函数，因为它们是由对比事件调用的吗？

this.addEventListener(MouseEvent.MOUSE_DOWN, handleMouse);
this.addEventListener(MouseEvent.MOUSE_UP, handleMouse);

另外，根据下面的代码判断，您似乎希望通过单击事件触发handleMouse，但事实并非如此。

override protected handleMouse(event:MouseEvent) : void
{
  // subclass specific handling
}

要么是这样，要么您忘记覆盖 handleClick - 这是您在点击事件上运行的方法。您可能需要添加此代码：

override protected handleClick(event:MouseEvent) : void
{
  // subclass specific handling for a click
}