Flex4中TileGroup组件的例子

代码如下：

<?xml version="1.0"?>
<!-- Simple example to demonstrate the Spark Group component. -->
<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" >
	
	<s:Panel title="TileGroup Component Example"
			 width="75%" height="75%" 
			 horizontalCenter="0" verticalCenter="0"> 
		<s:Group left="10" right="10" top="10" bottom="10">
			
			<s:TileGroup horizontalGap="1" verticalGap="1" requestedColumnCount="3">
				<s:Button label="1" width="50" height="50" />
				<s:Button label="2" width="50" height="50" />
				<s:Button label="3" width="50" height="50" />
				<s:Button label="4" width="50" height="50" />
				<s:Button label="5" width="50" height="50" />
				<s:Button label="6" width="50" height="50" />
				<s:Button label="7" width="50" height="50" />
				<s:Button label="8" width="50" height="50" />
				<s:Button label="9" width="50" height="50" />             
			</s:TileGroup>
			
		</s:Group>
	</s:Panel>
	
</s:Application>

horizontalGap属性是指组件与组件横向之间的间隔

verticalGap属性是指组件与组件纵向之间的间隔

requestedColumnCount属性是指一行显示几个组件，或者使用requestedRowCount属性指定TileGroup容器内的组件一共坐几行显示