Sparkコンポーネント

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

<?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" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" width="450" height="450">
	
	<fx:Script>
		<![CDATA[
			
		]]>
	</fx:Script>
	
	<s:BorderContainer width="225" height="225" x="0" y="0" backgroundColor="red" borderVisible="false">
		<s:layout>
			<s:BasicLayout/>
		</s:layout>
		<s:Button label="通常1" x="0" y="0"/>
		<s:Button label="通常2" x="30" y="30"/>
		<s:Button label="通常3" x="60" y="60"/>
		<mx:Label text="「BasicLayout」（従来のCanvas）" x="0" y="150"/>
	</s:BorderContainer>

	<s:BorderContainer width="225" height="225" x="225" y="0" backgroundColor="yellow" borderWeight="10">
		<s:layout>
			<s:HorizontalLayout />
		</s:layout>
		<s:Button label="水平1" width="70"/>
		<s:Button label="水平2" width="70"/>
		<s:Button label="水平3" width="70"/>
	</s:BorderContainer>
	<s:Group x="250" y="150">
		<s:layout>
			<s:BasicLayout/>
		</s:layout>
		<mx:Label text="「HorizontalLayout」（従来のHBox）"/>
	</s:Group>
	
	<s:BorderContainer width="225" height="225" x="0" y="225" backgroundColor="blue" borderVisible="false" cornerRadius="20">
		<s:layout>
			<s:VerticalLayout/>
		</s:layout>
		<s:Button label="垂直1"/>
		<s:Button label="垂直2"/>
		<s:Button label="垂直3"/>
		<mx:Label text="「VerticalLayout」（従来のVBox）" x="0" y="150"/>
	</s:BorderContainer>

	<s:BorderContainer width="225" height="225" x="225" y="225">
		<s:layout>
			<s:BasicLayout/>
		</s:layout>
	</s:BorderContainer>
	
</s:Application>