2.12.彈出窗口的顯示和位置

2024-04-27 13:51:47

字體：大中小

來源：轉載

供稿：網友

2.12.1. 問題
我想要在使用彈出窗口時給用戶顯示附加信息。
2.12.2. 解決辦法
通過用戶交互，使用PopUpManager 來創建TitleWindow 組件實例
2.12.3. 討論
Flex 框架包含了一個PopUpManager 類，它包含了若干靜態方法來管理穿件，放置，移除Flex應用程序的頂級窗口。如下代碼所示：

-XML

<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:Canvas horizontalCenter="0" verticalCenter="0">
<mx:LinkButton label="Top" x="100" y="10"
click="showDetail(event)"/>
<mx:LinkButton label="Left" x="10" y="100"
click="showDetail(event)"/>
<mx:LinkButton label="Bottom" x="100" y="200"
click="showDetail(event)"/>
<mx:LinkButton label="Right" x="200" y="100"
click="showDetail(event)"/>
<mx:Canvas width="100" height="100" x="125" y="40"
backgroundColor="#ff0000" rotation="45">
</mx:Canvas>
</mx:Canvas>
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
private const POPUP_OFFSET:int = 10;
private function showDetail(evt:MouseEvent):void {
// create the popup
var popup:CustomPopUp =
CustomPopUp(PopUpManager.createPopUp(this,
CustomPopUp,false));
popup.message = "This is the detail for " +
evt.target.label;
// position the popup
var pt:Point = new Point(0, 0);
pt = evt.target.localToGlobal(pt);
popup.x = pt.x + POPUP_OFFSET;
popup.y = pt.y + evt.target.height + POPUP_OFFSET;
}


]]>
</mx:Script>
</mx:Application>