Flex4のコンテナ練習

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

<?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:Script>
		<![CDATA[
		]]>
	</fx:Script>

	<s:layout>
		<!-- 全体をvertical配置 -->
		<s:VerticalLayout/>
	</s:layout>
	
	<!-- ココはhorizontal配置 -->
	<s:HGroup>
		<s:Label text="Flex4"/>
		<s:Button label="button1"/>
		
		<!-- ココだけvertical配置 -->
		<s:VGroup>
			<s:Button label="button2-1"/>
			<s:Button label="button2-2"/>
		
			<!-- さらにhorizontal配置 -->
			<s:HGroup>
				<s:Button label="button2-3"/>
				<s:Button label="button2-3-1"/>
			</s:HGroup>
		</s:VGroup>
		
		<s:Button label="button3"/>
	</s:HGroup>

	<mx:HRule width="100%"/>

	<!-- Flex3の場合 -->
	<mx:HBox>
		<mx:Label text="Flex3"/>
		<mx:Button label="button1"/>
		
		<mx:VBox>
			<mx:Button label="button2-1"/>
			<mx:Button label="button2-2"/>
			<mx:HBox>
				<mx:Button label="button2-3"/>
				<mx:Button label="button2-3-1"/>
			</mx:HBox>
		</mx:VBox>

		<mx:Button label="button3"/>
	</mx:HBox>
</s:Application>