flex pop-up window

参考资料：http://help.adobe.com/en_US/flex/using/WS6c678f7b363d5da52e8f1ca1124a0430dcf-8000.html

?

弹出代码

<?xml version="1.0"?>
<!-- containerssparkmyComponentsMyLoginForm.mxml -->
<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:mx="library://ns.adobe.com/flex/mx" 
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   close="handleCloseEvent();">
	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
	
	<fx:Script>
		<![CDATA[
			import mx.managers.PopUpManager;
			
			// Handle the close button and Cancel button.
			private function handleCloseEvent():void {
				PopUpManager.removePopUp(this);
			}            
			
			// Handle the OK button.
			private function processLogin():void {
				// Check credentials (not shown) then remove pop up.
				PopUpManager.removePopUp(this);
			}
		]]>
	</fx:Script>
	
	<s:Form>
		<s:FormItem label="User Name">
			<!--获取父亲程序的元素-->
			<s:TextInput id="username" width="100%" text="{parentApplication.login.label}"/>
		</s:FormItem> 
		<s:FormItem label="Password">
			<s:TextInput id="password" 
						 displayAsPassword="true" 
						 width="100%"/>
		</s:FormItem> 
	</s:Form>
	<s:HGroup> 
		<s:Button label="OK"
				  click="processLogin();" /> 
		<s:Button label="Cancel"
				  click="handleCloseEvent();"/> 
	</s:HGroup> 
</s:TitleWindow>

主程序代码

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:mx="library://ns.adobe.com/flex/mx" 
			   xmlns:s="library://ns.adobe.com/flex/spark">
	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
	<fx:Script>
		<![CDATA[
			import Learning.component.LoginPopupWindow;;//这里已经将弹框组件引入
			import mx.managers.PopUpManager;
			import spark.components.TitleWindow;			
			[Bindable]/* 绑定后可以将LoginPopupWindow内的属性与本页面的属性绑定 */
			public var loginWindow:LoginPopupWindow;
			
			// 弹出窗口
			private function showLogin():void {
				// 将createPopUp返回的IFlexDisplayObject接口强制转换为LoginPopupWindow类型
				loginWindow=LoginPopupWindow(PopUpManager.createPopUp(this,LoginPopupWindow,true));
			
				loginWindow.x=300;
				loginWindow.y=200;
				// 主程序为弹出框加上标题
				loginWindow.title="Enter Login Information";
				
				// Make title bar slightly transparent.
				loginWindow.setStyle("borderAlpha",0.9);
				
				// Hide the close button.
				loginWindow.closeButton.visible = false;

			}
		]]>
	</fx:Script>
	
	<s:VGroup width="300" height="300">  
		<s:Button id="login" label="登入"
				  click="showLogin();"/>
		<!--获取弹出框内的值-->
		<s:TextInput text="{loginWindow.username.text}"/>
	</s:VGroup>
</s:Application>