Flex4中TileGroup组件的例子

最新推荐文章于 2019-10-23 10:22:18 发布

转载最新推荐文章于 2019-10-23 10:22:18 发布 · 81 阅读

文章标签：

本文提供了一个使用 Flex 的 Spark 组件库中的 TileGroup 控件的简单示例。通过设置 horizontalGap, verticalGap 和 requestedColumnCount 属性，演示了如何排列一组等宽等高的按钮。

代码如下：

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