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