Tile示例

<?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" 
			   minWidth="955" minHeight="600">
	<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			private function clickHandler(ev:MouseEvent):void{
				Alert.show('Button ' + String(ev.target.label) + ' pressed')
			}
		]]>
	</fx:Script>
	<!--注意方向的设置-->
	<!--注意与Grid的比较-->
	<mx:Tile id="myFlow" 
			 direction="horizontal" 
			 borderStyle="solid"
			 paddingTop="10" paddingBottom="10" 
			 paddingRight="10" paddingLeft="10" 
			 verticalGap="15" horizontalGap="10">
		<mx:LinkButton label="链接1"/>
		<mx:LinkButton label="链接2"/>
		<mx:LinkButton label="链接3"/>
		<mx:LinkButton label="链接4"/>
		<mx:LinkButton label="链接5"/>
	</mx:Tile>
		<mx:Panel title="Tile Container" layout="vertical" color="0xffffff" borderAlpha="0.15"
				  paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center" x="207" y="11">
			
			<mx:Label width="100%" color="0x323232"
					  text="A Tile container lays out its children in a grid of equal-sized cells."/>
			
			<mx:Tile direction="vertical" borderStyle="inset" horizontalGap="10" verticalGap="15" 
					 color="0x323232" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
				
				<mx:Button label="1" height="50" width="75" click="clickHandler(event);"/>
				<mx:Button label="2" height="50" width="75" click="clickHandler(event);"/>
				<mx:Button label="3" height="50" width="75" click="clickHandler(event);"/>
				<mx:Button label="4" height="50" width="75" click="clickHandler(event);"/>
				<mx:Button label="5" height="50" width="75" click="clickHandler(event);"/>
				<mx:Button label="6" height="50" width="75" click="clickHandler(event);"/>
				
			</mx:Tile>
			
		</mx:Panel>

</s:Application>