Grid示例

最新推荐文章于 2025-07-24 15:12:18 发布

原创最新推荐文章于 2025-07-24 15:12:18 发布 · 128 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #Adobe #XML

<?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">
		<mx:Grid id="myGrid" backgroundColor="#ffffff" height="136" width="494">
		<!-- 定义第1行 -->
		<mx:GridRow id="row1" width="100%" height="41">
			<!-- 定义第1行第一个单元-->
			<mx:GridItem width="161">
				<mx:LinkButton label="链接1" width="100%"/>
			</mx:GridItem >
			<!-- 定义第1行第2个单元-->
			<mx:GridItem width="161">
				<mx:LinkButton label="链接2"  width="100%"/>
			</mx:GridItem>
			<!-- 定义第1行第3个单元-->
			<mx:GridItem width="161">
				<mx:LinkButton label="链接3"  width="100%"/>
			</mx:GridItem>
		</mx:GridRow>
		
		<!-- 定义第2行 -->
		<mx:GridRow id="row2" width="100%" height="41">
			<!-- 定义第2行第1个单元-->
			<mx:GridItem>
				<mx:LinkButton label="链接4" width="100%"/>
			</mx:GridItem>
			<!-- 定义第2行第2个单元-->
			<mx:GridItem>
				<mx:LinkButton label="链接5" width="100%"/>
			</mx:GridItem>
			<!-- 定义第2行第3个单元-->
			<mx:GridItem>
				<mx:LinkButton label="链接6" width="100%"/>
			</mx:GridItem>
		</mx:GridRow>
		<!-- 定义第3行 -->
		<mx:GridRow id="row3" width="100%">
			<mx:GridItem colSpan="2" >
				<mx:TextInput width="329"/>
			</mx:GridItem>
			<mx:GridItem horizontalAlign="center">
				<mx:Button label="跳转"/>
			</mx:GridItem>
		</mx:GridRow>
	</mx:Grid>
</s:Application>