PopUpAnchorを使ってみた

/**
 * Copyright ashitaka ( http://wonderfl.net/user/ashitaka )
 * MIT License ( http://www.opensource.org/licenses/mit-license.php )
 * Downloaded from: http://wonderfl.net/c/kI8k
 */

<?xml version="1.0" encoding="utf-8"?>
<!-- forked from ashitaka's Flex4テンプレ -->
<!--
  ポップアップの簡単なサンプル
  
  ボタンを押すとポップアップが表示されます。
  ポップアップの×ボタンを押すとポップアップが閉じます
-->
<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/halo">

	<fx:Declarations>
		<s:Animate id="animate1" target="{win1}">
			<s:SimpleMotionPath property="x"
							    valueFrom="0" valueTo="200"/>
		</s:Animate>
		
		<s:Animate id="animate2" target="{win2}">
			<s:SimpleMotionPath property="y"
							    valueFrom="0" valueTo="200"/>
		</s:Animate>
	</fx:Declarations>

	<s:HGroup>
		<s:Button label="PopUp 1"
				  click="pop1.displayPopUp=true"/>
		<s:Button label="PopUp 2"
				  click="pop2.displayPopUp=true"/>
	</s:HGroup>
	
	<!-- ポップアップその1 -->
	<s:PopUpAnchor id="pop1"
				   y="200"
				   width="100%" height="100%">
		<s:TitleWindow id="win1"
					   title="PopUp 1"
					   addedEffect="{animate1}"
					   close="pop1.displayPopUp=false">
		</s:TitleWindow>
	</s:PopUpAnchor>

	<!-- ポップアップその2 -->
	<s:PopUpAnchor id="pop2"
				   popUpPosition="center"
				   width="100%" height="100%">
		<s:TitleWindow id="win2"
					   title="PopUp 2"
					   addedEffect="{animate2}"
					   close="pop2.displayPopUp=false">
		</s:TitleWindow>
	</s:PopUpAnchor>
</s:Application>