Flex：如何在用户可视区域的中心弹出一个组件？

Question

假设我有一个尺寸大于用户屏幕分辨率的应用程序。通常，在添加弹出窗口时，我会调用popupManager.addPopup()，后跟popupManager.centerPopup()，但这可能会导致弹出窗口被添加到用户在屏幕上的可见区域之外。

有没有办法在用户的当前可视区域中间添加一个弹出窗口？

编辑： 这是一个简单的例子：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" 
               width="3000" height="2000" 
               creationComplete="creationCompleteHandler(event)">

  <fx:Script>
    <![CDATA[

      import mx.managers.PopUpManager;          
      import spark.components.TitleWindow;

      public var myWindow:TitleWindow = new TitleWindow;

      protected function creationCompleteHandler(event:FlexEvent):void
      {
        myWindow.title = "My Title Window";
        PopUpManager.addPopUp(myWindow, DisplayObject(FlexGlobals.topLevelApplication), false);
        PopUpManager.centerPopUp(myWindow);
      }

    ]]>
  </fx:Script>

  <s:BorderContainer width="3000" height="2000" backgroundColor="0x000000" />
</s:Application>

示例 1：

+==========================+---------------------+
|      Viewable Area       |                     |
|                          |                     |
|     +-------------+      |                     |
|     |  I want the |      |                     |
|     |   popup to  |      |                     |
|     |   go here.  |      |                     |
|     +-------------+      |                     |
|                          |                     |
|                          |                     |
+==========================+                     |
|                                                |
|                Rest of Application             |
|                                                |
|                                                |
|                                                |
|                                                |
+------------------------------------------------+

示例 2：

+------------------------------------------------+
|                                                |
|                Rest of Application             |
|                                                |
|                                                |
|                +===========================+   |
|                |       Viewable Area       |   |
|                |                           |   |
|                |      +-------------+      |   |
|                |      |  I want the |      |   |
|                |      |   popup to  |      |   |
|                |      |   go here.  |      |   |
|                |      +-------------+      |   |
|                |                           |   |
|                |                           |   |
|                +===========================+   |
|                                                |
+------------------------------------------------+

Answer 1

centerPopUp() 使用传递给addPopUp() 或createPopUp() 的parent 对象作为居中弹出窗口的参考。如果parent 是应用程序，那么它应该已经基于应用程序的width 和height 居中——从Flex 的角度来看，这就是“可视区域”。

所以尝试将应用程序对象作为parent 参数传递给addPopUp() 或createPopUp()

Answer 2

您可以使用 stage 属性的 stageWidth 和 stageHeight 属性手动计算：

dlg.x = (this.stage.stageWidth / 2) - (dlg.width / 2);
dlg.y = (this.stage.stageHeight / 2) - (dlg.height / 2);

可能有一种更“正确”的方法来获取可视区域的尺寸，但我发现这样可以完成工作。

希望对您有所帮助。

编辑：修正了我的错误信息:)