Flex应用大小被调整(resize)时弹出窗口居中设置的例子

接下来的例子演示了Flex应用通过<mx:Application />标签和静态 PopUpManager.centerPopUp()事件重新调整大小(resize)时，如何将弹出窗口居中设置（这个例子中是Alert控件）。

让我们先来看一下Demo（可以右键View Source或 点击这里察看源代码 ）：

Download: main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3.         layout="vertical"
4.         verticalAlign="middle"
5.         backgroundColor="white"
6.         resize="application_resize(event);">
8.     <mx:Script>
9.         <![CDATA[
10.             import mx.events.ResizeEvent;
11.             import mx.controls.Alert;
12.             import mx.managers.PopUpManager;
14.             private var alert:Alert;
16.             private function init():void {
17.                 alert = Alert.show("The quick brown fox jumped over the lazy dog.", "title");
18.             }
20.             private function application_resize(evt:ResizeEvent):void {
21.                 if (alert) {
22.                     PopUpManager.centerPopUp(alert);
23.                 }
24.             }
25.         ]]>
26.     </mx:Script>
28.     <mx:ApplicationControlBar dock="true">
29.         <mx:Button label="Launch!" click="init();" />
30.     </mx:ApplicationControlBar>
32. </mx:Application>