划分flex页面布局 HDividedBox

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%" height="100%">
	<mx:Panel width="90%" height="90%" layout="absolute" title="垂直拆分结构" fontSize="14" paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="100" horizontalCenter="0" verticalCenter="0">
		<mx:HDividedBox x="0" y="0" width="100%" height="100%">
			<mx:Canvas width="30%" height="100%" backgroundColor="#FFFFCC">
				<mx:Label x="0" y="10" text="左面组件容器"/>
			</mx:Canvas>
			<mx:Canvas width="70%" height="100%" backgroundColor="#99CCFF">
				<mx:Label x="0" y="10" text="右面组件容器"/>
			</mx:Canvas>
		</mx:HDividedBox>
	</mx:Panel>
</mx:Application>

 

实际上无非就是一个Panel里放了一个HDivideBox，而HDivideBox里又放了两个Canvas组件而已。

其他的划分也都是一样的道理。。。^_^