fle学习笔记4list类型.docx

Flex学习笔记4之layout和自定义布局组件用于列表形式有四种

Tree

Menu

DataGrid

Titlelistandhorizontalist

?xmlversion=1.0encoding=utf-8?mx:Applicationxmlns:mx=

?xmlversion=1.0encoding=utf-8?

mx:Applicationxmlns:mx=/2006/mxmllayout=horizontalhorizontalGap=100

/mx:Application

mx:Button

x=124

y=183

label=Button1

width=80/

mx:Button

x=249

y=140

label=Button2

width=80/

mx:Button

x=320

y=211

label=Button2

width=80/

Layout属性有三个值：absolute（默认属性），horizontal，vertical

故名思意：absolute：各个组件相对独立

Horizonta：l水平对齐Vertica：l垂直对齐

实际情况：如果设置除了absolute的其他属性，即使你的组件XY坐标设置了，那么也会按照其相应的对齐方式显示组件。

Form类

mx:Formmx:FormHeadinglabel=BasicImformations/mx:FormItemlabel=FirstName:

mx:Form

mx:FormHeadinglabel=BasicImformations/

mx:FormItemlabel=FirstName:

mx:TextInputid=firstname/mx:TextInput

/mx:FormItem

mx:FormItemlabel=lastName:

mx:TextInputid=lastname/mx:TextInput

/mx:FormItem

mx:FormItemlabel=employeeType:

mx:RadioButtonlabel=PartTime/

mx:RadioButtonlabel=FullTime/

mx:RadioButtonlabel=Contractor/

/mx:FormItem

mx:FormHeadinglabel=ContactImformations/

mx:FormItemlabel=PhoneNumbers:

mx:TextInputid=phoneNumbers/mx:TextInput

/mx:FormItem

/mx:FormItem

mx:FormItemlabel=EmailAddress:

mx:TextInputid=emailAddress/mx:TextInput

/mx:FormItem

/mx:Form

这里有三个组件:

组件 标签 Description

定义整个表单（包括整个表单布局）的容器。使

Form mx:Form

用FormHeading控件和FormItem容器定义内容。您也可以在Form容器中插入其它类型的组件。

FormHeadingmx:FormHeading在表单中定义标题。可在一个Form容器中拥有

多个FormHeading控件。

包含一个或多个水平或垂直排列的表单子项。子

FormItem

mx:FormItem 容器可以是控件，也可以是其它容器。一个Form

容器可以容纳多个FormItem容器。

Canvas类

布局容器定义一个矩形区域，您可以在其中放置子容器和控件。只有在此容器中，您才可以使用各子项的x和y属性明确指定各子项的位置。

mx:Canvas/mx:Canvas

Box类

容器在单个垂直列或单个水平行中排列其子项。direction属性确定使用垂直

（默认）布局还是水平布局。

特 说明

征

默垂直框高度足以容纳使用默认高度或明确显示的高度的所有子项、子项之间认的垂直间隔以及容器的上下填充。宽度为最宽的子容器的默认宽度或明确指大定的宽度与容器的左填充和右填充之和。水平框宽度足以容纳使用默认宽度小的所有子项、子项之间的水平间隔以及容器的左右填充。高度为最高子容器

的默认或明确指定的高度与容器的上下填充之和。

默

认 上、下、左、右的值均为0像素。填

充

您可以使用mx:Box、mx:VBox和mx:HBox标签定义Box容器。

例子

mx:HBox

mx:HBox

mx:TextInputid=keyword/

mx:Buttonlabel=search/

/