在FLEX中创建自定义弹出窗口.
2008-04-27 16:18
525 查看
使用PopUpManager 和TitleWindow 类:
示例:
代码:
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/08/20/creating-custom-dialog-boxes-using-the-popupmanager-and-titlewindow-classes/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"
creationComplete="init()">
<mx:Script>
<![CDATA[
import mx.controls.Label;
import mx.events.CloseEvent;
import mx.containers.TitleWindow;
import mx.managers.PopUpManager;
private var titleWindow:TitleWindow;
private function init():void {
var label:Label = new Label();
label.text = "Hello world";
titleWindow = new TitleWindow();
titleWindow.title = "Custom title";
titleWindow.showCloseButton = true;
titleWindow.width = 240;
titleWindow.height = 180;
titleWindow.addEventListener(CloseEvent.CLOSE, titleWindow_close);
titleWindow.addChild(label);
PopUpManager.addPopUp(titleWindow, this, true);
PopUpManager.centerPopUp(titleWindow);
}
private function titleWindow_close(evt:CloseEvent):void {
PopUpManager.removePopUp(titleWindow);
}
]]>
</mx:Script>
<mx:Button label="Launch TitleWindow" click="init()" />
</mx:Application>
示例:
代码:
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/08/20/creating-custom-dialog-boxes-using-the-popupmanager-and-titlewindow-classes/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"
creationComplete="init()">
<mx:Script>
<![CDATA[
import mx.controls.Label;
import mx.events.CloseEvent;
import mx.containers.TitleWindow;
import mx.managers.PopUpManager;
private var titleWindow:TitleWindow;
private function init():void {
var label:Label = new Label();
label.text = "Hello world";
titleWindow = new TitleWindow();
titleWindow.title = "Custom title";
titleWindow.showCloseButton = true;
titleWindow.width = 240;
titleWindow.height = 180;
titleWindow.addEventListener(CloseEvent.CLOSE, titleWindow_close);
titleWindow.addChild(label);
PopUpManager.addPopUp(titleWindow, this, true);
PopUpManager.centerPopUp(titleWindow);
}
private function titleWindow_close(evt:CloseEvent):void {
PopUpManager.removePopUp(titleWindow);
}
]]>
</mx:Script>
<mx:Button label="Launch TitleWindow" click="init()" />
</mx:Application>
相关文章推荐
- 在FLEX中创建自定义弹出窗口
- Flex利用自定义事件使用弹出窗口为DataGrid添加新数据
- Web开发技巧:使用自定义数据属性创建弹出窗口
- flex4 中创建自定义弹出窗口
- FLEX创建弹出窗口 PopUpManager类
- FLEX实践:自定义弹出窗口与主页面的交互(仿造EBS的LOV窗口)
- Flex 自定义组件 -- 弹出窗口 [PopUpManager TitleWindow 组件]的使用
- AlertDialog.Builder弹出自定义Layout窗口
- 如何创建一个用弹出窗口来查看详细信息的超链接列
- 点击按钮弹出可自定义小弹框即实现模态窗口
- Flex 弹出窗口
- Unity EditorWindow自定义弹出窗口
- C++ GUI Qt4编程-创建自定义窗口部件
- Flex使用弹出窗口为DataGrid添加新数据
- windowControl创建弹出窗口($.createWin)
- FLEX QQ 弹出窗口(消息框)
- 如何创建一个用弹出窗口来查看详细信息的超链接列
- 创建一个弹出DIV窗口
- 两种Flex弹出窗口用法解析
- Flex PopUpManager 弹出窗口居中