flex 3 学习笔记

容器

vbox  垂直排列

hbox  水平排列

canvas  自由,通过x,y,没指定则左上角

application  通过layout可以指定垂直,水平或者自由,值分别为:horizontal,vertical,absolute

tile  排列成一个或多个竖列或横行,布局方式由derection属性决定

panel  :box容器的子类,可以指定垂直,水平或自由排列

controlBar 停靠在panel或者titleWindow容器的底部,排列方式垂直或水平

applicationControlBar 布局方式,水平或垂直.  如果是<mx:Application>下的第一个子元素,且dock属性为true.则会停靠在应用顶部,占满屏宽,不随应用程序滚动而滚动.

 

 

强制布局:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	//将界面分成2行3列
	//将界面分成3列,每列33%
	<mx:constraintColumns>
		<mx:ConstraintColumn id="col1" width="33%" />
		<mx:ConstraintColumn id="col2" width="33%" />
		<mx:ConstraintColumn id="col3" width="33%" />
	</mx:constraintColumns>
	//将界面分成两行
	<mx:constraintRows>
		<mx:ConstraintRow id="row1" height="50%" />
		<mx:ConstraintRow id="row2" height="50%" />
	</mx:constraintRows>
	//放入一个textArea 位置是:距col1左边5像素,距col1右边5像素,距row1上边10像素,距row1下边20像素
	<mx:TextArea id="ta1" text="TextArea 1"
		left="col1:5" right="col1:5"
		top="row1:10" bottom="row1:20"
		backgroundColor="yellow" 
		fontSize="20"/>
	//类似
	<mx:TextArea id="ta2" text="TextArea 2"
		left="col1:5" right="col2:5"
		top="row2:10" bottom="row2:20"
		backgroundColor="red" 
		fontSize="20" color="white"/>
	<mx:TextArea id="ta3" text="TextArea 3"
		left="col3:5" right="col3:5"
		top="row1:10" bottom="row2:20"
		backgroundColor="green" 
		fontSize="20" color="white"/>
</mx:Application>