Create a popUp using the PopUpManager class

Fedele Marotti under ActionScript 3, Flex, Mxml

This example shows you how to create and center a pop using the PopUpManager Class

This movie requires Flash Player 9

The Application:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
	width="500" height="500"
	layout="absolute" viewSourceURL="srcview/index.html">
	<mx:Script>
		<![CDATA[

			import mx.managers.PopUpManager;

			private var popUp:ImageEx;

			[@Embed('assets/fx_appicon.jpg')]
			private var imgToDisplay:Class

			private function createPopUp():void{

				popUp=ImageEx(PopUpManager.createPopUp( this, ImageEx , true));
				popUp.source=imgToDisplay;
				PopUpManager.centerPopUp(popUp)

			}

		]]>
	</mx:Script>
	<mx:Button label="Click Me!!" click="createPopUp()"  x="210.5" y="468"/>
</mx:Application>

the Component - ImageEx:

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox
	width="320" height="350"
	backgroundColor="#FFFFFF"
	xmlns:mx="http://www.adobe.com/2006/mxml"
	horizontalAlign="center"
	paddingBottom="10" paddingLeft="10"
	paddingRight="10" paddingTop="10"
	verticalGap="10">

	<mx:Script>
		<![CDATA[
			import mx.managers.PopUpManager;
			[Bindable]
			public var source:Object;

		]]>
	</mx:Script>

	<mx:Image source="{source}"
		width="300" height="300"
		horizontalCenter="0" top="10"/>
	<mx:Button click="{PopUpManager.removePopUp(this)}"
		label="Close PopUp" x="10" width="300"
		bottom="10" height="20"/>

</mx:VBox>