gridexample.mxml

《Flex第一步:基于ActionScript 3.0的Flex 2应用开发》采用概念讲解与实例结合的方式

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
		<mx:Grid x="62" y="96" horizontalGap="2">
			<mx:GridRow width="100%" height="79">
				<mx:GridItem width="100%" height="100%">
					<mx:Button label="Button1"/>
				</mx:GridItem>			
				<mx:GridItem width="100%" height="100%" colSpan = "2">
					<mx:Button label="Button2" height="60"/>
				</mx:GridItem>
				<mx:GridItem width="100%" height="100%">
					<mx:Button label="Button3"/>
					<mx:Button label="Button4"/>
				</mx:GridItem>
			</mx:GridRow>
			<mx:GridRow width="100%" height="79">
				<mx:GridItem width="100%" height="100%">
					<mx:Button label="Button"/>
				</mx:GridItem>			
				<mx:GridItem width="100%" height="100%">
					<mx:Button label="Button" height="60" width="98"/>
				</mx:GridItem>
				<mx:GridItem width="112" height="100%">
					<mx:Button label="Button" width="41" height="55"/>
					<mx:Button label="Button" width="85"/>
				</mx:GridItem>
			</mx:GridRow>		
		</mx:Grid>	
</mx:Application>