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>