Mtok-blog

PopUpManagerとTitleWindowを使ってダイアログボックスのような機能を実現するサンプル。

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="creationCompleteHandler(event)">
	<mx:Script>
	<![CDATA[
	import com.matzmtok.samples.air.dialog.SampleDialog;
	import mx.events.FlexEvent;
	import mx.events.CloseEvent;
	import mx.managers.PopUpManager;
	import mx.managers.PopUpManagerChildList;
	import flash.events.MouseEvent;
	[Bindable]
	private var message:String;
	private var _popup:SampleDialog;
	public function creationCompleteHandler(event:FlexEvent):void {
		openModalDialog.addEventListener(MouseEvent.CLICK, showModalDialog);
		openModelessDialog.addEventListener(MouseEvent.CLICK, showModelessDialog);
	}

	private function showModelessDialog(e:MouseEvent):void {
		var _popup:SampleDialog = PopUpManager.createPopUp(this, SampleDialog, false) as SampleDialog;
		_popup.addEventListener(CloseEvent.CLOSE, _popupCloseHandler);
		PopUpManager.centerPopUp(_popup);
	}
	public function showModalDialog(event:MouseEvent):void{
		var _popup:SampleDialog = PopUpManager.createPopUp(this, SampleDialog, true ) as SampleDialog;
		_popup.addEventListener(CloseEvent.CLOSE, _popupCloseHandler);
		PopUpManager.centerPopUp(_popup);
	}
	public function _popupCloseHandler(event:CloseEvent):void{
		var popup:SampleDialog = event.target as SampleDialog;
		message = popup.message;
	}
	]]>
	</mx:Script>
	<mx:VBox>
		<mx:Label text="Message" />
		<mx:Label id="lMessage" text="{message}" width="100%" />
		<mx:HBox>
			<mx:Button id="openModalDialog" label="show modal dialog" />
			<mx:Button id="openModelessDialog" label="show modeless dialog" />
		</mx:HBox>
	</mx:VBox>
</mx:WindowedApplication>

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml">
	<mx:Script>
	<![CDATA[
	import flash.events.Event;
	import flash.events.MouseEvent;
	import mx.events.CloseEvent;
	import mx.events.FlexEvent;
	import mx.managers.PopUpManager;

	override protected function createChildren():void{
		super.createChildren();
		btnOk.addEventListener(MouseEvent.CLICK, btnOkClickHandler);
		btnCancel.addEventListener(MouseEvent.CLICK, btnCancelClickHandler);
		title = "Sample Dialog Box";

		showCloseButton = true;
		addEventListener(CloseEvent.CLOSE, closeHandler);
	}

	private function btnCancelClickHandler(e:MouseEvent):void
	{
		closeHandler();
	}

	private function closeHandler(e:CloseEvent = null):void
	{
		PopUpManager.removePopUp(this);
		removeEventListener(CloseEvent.CLOSE, arguments.callee);

		dispatchEvent(new CloseEvent(CloseEvent.CLOSE));
	}

	private function btnOkClickHandler(e:MouseEvent):void
	{
		closeHandler();
	}
	public function get message():String{
		return tiMessage.text;
	}
	public function set message(value:String):void {
		tiMessage.text = value;
	}
	]]>
	</mx:Script>
	<mx:VBox width="100%" height="100%">
		<mx:Label text="Enter Some Message" />
		<mx:TextInput id="tiMessage" width="100%" />
		<mx:Spacer width="100%" height="15" />
		<mx:HBox width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">
			<mx:Button id="btnOk" label="OK" />
			<mx:Button id="btnCancel" label="Cancel" />
		</mx:HBox>
	</mx:VBox>
</mx:TitleWindow>