Flex 在另一个视图上执行函数

Question

我有一个 headerbar.mxml 当用户在我的应用程序中 swipes_down 时显示。 headerbar.mxml 包含一个按钮组件，我想在主应用程序窗口中运行擦除（）。主要应用程序是一个包含擦除（）的绘图应用程序。我只是不知道如何从另一个 mxml 视图文件调用函数。我认为它会像 click="{mainwindow.drawPanel.erase()}";

编辑：

protected function onColorChange(event:List):void{
                appHome.drawArea.erase();
            }

Answer 1

要在另一个视图（又称组件）中运行功能，这在很大程度上取决于架构。听起来您想在父级中运行一个函数。在这种情况下，“正确封装”方法是从 component1 分派事件；监听组件1的父级中的事件；并从事件监听器执行该函数。

因此，在 headerbar 的父级中的某个位置添加事件侦听器：

headerbarInstance.addEventListener('parentDoSomething', onHeaderBarToldMeTo);

如果是 ActionSCript 3 组件，我可能会将其添加到构造函数中；如果是 MXML 组件，我可能会将其添加到预初始化事件处理程序中。 “父”组件还需要侦听器函数：

protected function onHeaderBarToldMeTo(event:Event):void{
  erase();
}

当单击 headerbar.mxml 中的按钮组件时，这会触发 headerbar 内部的单击事件处理程序，该处理程序需要分派该事件，如下所示：

protected function onButtonInheaderbarClick(Event:Event):void{
 dispatchEvent(new Event('parentDoSomething'));
}

一切都应该神奇地工作。如果该函数不在父级的直接子级中，您可能必须冒泡该事件。

如果您不关心封装，也可以直接访问父级。所以你的标题栏组件会这样做：

parent.erase();

它简单直接，并且应该可以工作，但从维护的角度来看被认为是非常糟糕的做法。