如何防止弹出标题窗口后面的项目接收鼠标事件？

Question

我有一个 Popup 皮肤 TitleWindow，我将其用作弹出窗口，但其后面的项目正在接收鼠标悬停和单击事件。是否有一个选项可以让我防止 mouseevents 在窗口的主要内容组后面发生？

编辑：澄清一下 - 我不是问如何制作窗口模式。当用户单击 contentGroup 外观部分的区域时，弹出窗口后面的项目（不是在主窗体上，而是在侧面，而是在后面且隐藏）正在接收鼠标事件。如果用户单击该组中的项目，则不会发生这种情况，但轻微的失误可能会触发意外的背景按钮。

Answer 1

当您创建弹出设置时modal=true。类似于：

var pop:MyPopUpClass = PopUpManager.createPopUp(parent, MyPopUpClass, true) as MyPopUpClass;

Answer 2

您需要将弹出窗口设置为模式窗口。当你制作一些模式时，这意味着窗口（Alert、popup、titleWindow 等）将保留在顶部，屏幕的其余部分将冻结，直到顶部窗口关闭。

“PopUpManager 还提供模式，以便弹出窗口下方的窗口无法接收鼠标事件，并且如果用户在窗口外单击鼠标，还提供一个事件，以便开发人员可以选择关闭窗口或警告用户。”

模态的默认值为false。您可以通过在 addPopup 或 createPopup 时传递 true 将其设置为 true

public static function addPopUp(window:IFlexDisplayObject, parent:DisplayObject, modal:Boolean = false, childList:String = null):void 

public static function createPopUp(parent:DisplayObject, className:Classe, modal:Boolean = false, childList:String = null):IFlexDisplayObject 

Answer 3

我通过替换以下内容解决了这个问题：

<s:SparkSkin ...>
<s:Rect height="{hostComponent.height}" radiusX="10" width="{hostComponent.width}">
    <s:fill>
        <s:SolidColor color="#F5F4EB"/>
    </s:fill>
</s:Rect>

<!-- header, move area, close button and other details -->
<s:Group id="contentGroup"
     top="40"
     left="10"
     right="10"
     bottom="10">

</s:Group>
</s:SparkSkin>

用这个：

<s:SparkSkin ...>
<s:Rect height="{hostComponent.height}" radiusX="10" width="{hostComponent.width}">
    <s:fill>
        <s:SolidColor color="#F5F4EB"/>
    </s:fill>
</s:Rect>
<!-- header, move area, close button and other details -->
<s:Group top="40"
     left="10"
     right="10"
     bottom="10">
    <s:Rect top="0"
        left="0"
        right="0"
        bottom="0">
        <s:fill>
            <s:SolidColor color="0xF5F4EB" />
        </s:fill>
    </s:Rect>
    <s:Group id="contentGroup"
             top="0"
             left="0"
             right="0"
             bottom="0">

    </s:Group>
</s:Group>
</s:SparkSkin>

在组后面创建一个矩形对象已使其能够正常接受单击事件。

Answer 4

如果您不是在寻找模态答案，那么我所能建议的就是在打开弹出窗口时删除所有相关侦听器，并在删除弹出窗口时将它们添加回来。

x.removeEventListener(MouseEvent.CLICK...
PopUpManager.addPopup(...


onClose(...
x.addEventListener(MouseEvent.CLICK...

Answer 5

尝试使用 opaqueBackground 属性。