Flex之旅：第一部分：flex必备基础知识积累(10)---弹出窗口以及位置控制

最新推荐文章于 2023-10-03 14:44:00 发布

原创

最新推荐文章于 2023-10-03 14:44:00 发布 · 1.6k 阅读

本文介绍了Flex中弹出窗口的使用，强调PopUpManager在创建、删除和定位弹出窗口中的作用。建议使用TitleWindow作为弹出窗口的基础组件以获取额外功能，如拖动和关闭按钮。通过PopUpManager.createPopUp方法设置父级组件以控制弹出位置，如在Application级别或特定Group内居中。此外，文章还展示了如何精确控制弹出窗口的坐标，以实现自定义位置显示。

弹出窗口

要注意几点（我个人的理解）：

PopUpManager负责创建，删除，居中，前置弹出窗口。
要弹出的窗口，最好是以TitleWindow为基础自定义components
基于其它的类也可以，比如Box，Group,Canvas, 可可以通过PopUpManager创建出来，但是后续的功能就没有了！比如标题栏拖动，标题栏关闭按钮等。

上代码（基本来自flex cookbook

）

CustomPopUp.mxml:

<?xml version="1.0" encoding="utf-8"?>
<s:TitleWindow 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="150" height="100"  close="handleClose(event)">
	
	<fx:Script>
		<![CDATA[
			import mx.managers.PopUpManager;
			import mx.events.CloseEvent;
			
			[Bindable]
			public var message:String;
			
			private function handleClose(evt:CloseEvent):void {
				PopUpManager.removePopUp(this);
			}
		]]>
	</fx:Script>
	
	<mx:Text width="100%" height="100%" text="{message}"/>
	
</s:TitleWindow>

PopupTest.mxml:

<?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"
			  >
	<fx:Script>
		<![CDATA[
			
			
			import mx.managers.PopUpManager;
			private const POPUP_OFFSET:int = 10;
			private function showDetail(evt:MouseEvent):void {
				//