代码如下:
<?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容器内的组件一共坐几行显示