Flex4のレイアウト練習

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

<?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">

	<!-- verticalCenter,HorizontalCenterで中央に表示 -->
	<s:Panel
		title="Panel"
		verticalCenter="0"
		horizontalCenter="0">
		
		<!-- レイアウトはlayoutタグで設定 -->
		<s:layout>
			<s:VerticalLayout
				gap="10"
				horizontalAlign="center"
				paddingTop="10"
				paddingLeft="10"
				paddingRight="10"/>
		</s:layout>

		<s:Label text="Label"/>
		<s:TextInput text="Text Input"/>
		<s:Button label="Button"/>
	</s:Panel>

</s:Application>