flex基本控件总结

Flex基本控件总结

一、flex控件的分类：文本控件(text controls)、数据源控件(data provider controls)、菜单控件 (menu controls)、按钮控件(button controls)、Flex控件(flex controls)、容器控件。 二、 文本控件

a) 标签（Label）：标签：

i. 标签控件的特性：

1. 用户不能编辑文本，但程序可以改变它。 2. 可以使用HTML格式定义文本。 3. 可以控制对齐和改变大小。

4. 可以定义标签的背景为透明，这样就可以看见容器的背景。 5. 标签控件没有边界，就像文本直接写在背景上。 ii. 例如：

iii. Label组件支持html标记。如果在标签内容中包含html特殊标记，需要使用

转换字符：

例如，在标签中显示<符号

b) 文本（Text）：标签:

i. 特性：

1. 用户不能编辑文本，但程序可以改变它。 2. 控件不支持滚动条。

3. 支持HTML格式定义文本。 4. 默认的大小足够显示文本。

5. 文本背景为透明，这样就可以看见容器的背景。 6. 文本控件没有边界，就像文本直接写在背景上。

7. 文本在边界会自动转行，而且文本总是排列在文本控件顶部。 ii. 文本内容 c) 文本条（TextInput）：标签：

i. 事件：change、enter。

ii. 属性：editable：是否阻止对文本的编辑，false为是。

displayAsPassword：将输入的字符显示为*。

将一个变量绑定在文本条上：

例如

maxChars:限定输入的做多字符.

例如

d) 文本区域（TextArea）：标签：

i. 特性：

1. 文本可以被编辑。 2. 可以可以具有滚动条。 3. 支持HTM文本和富文本。 4. 可以触发change事件。

5. 可定义文本区域控件为禁用状态。 6. 可定义为只读属性。

7. 可使用displayAsPassword属性将文本显示为*。 8. 文本区域控件的字符串最大长度为37440个字符。

ii. 如果文本超过界限，同时horizontalScrollPolicy属性设置为true时，就会出现

滚动条。 iii. 例如：

e) 富文本区域（RichTextArea）：标签：

i. 包含2个子控件:

1. 文本区域，用来输入文字。

2. 工具条，包含了各类控件，用来改变文本特性。

ii. 富文本编辑器控件可以帮助用户定义文本具有不同的字体、颜色、风格、文本

的对正、列表或者URL超链接等。

iii. 例如：

容\

三、数据源控件

a) 数据表格（DataGrid）：标签：。

i. 是一个可以展示多列数据的列表控件。是一个格式化的数据表格，可以设置可

编辑的单元格，是许多数据驱动应用的基础。 ii. 特性：

1. 可改变大小；可以排序；用户定义行列的布局，包括隐藏某一列。 2. 可选自定义的行和列的标题头。 3. 用户可以动态改变列的大小和排序。

4. 多种模式的选择（行、列、单元格）和编辑及选择事件。 5. 可以在一个单元格使用自定义组件。 6. 支持数据翻页。

7. 锁定不能滚动的行和列。 iii. 属性：

1. sorttableColumns：设置为false时，将关闭所有的列排序功能。 2. sorttable：设置为false时，该列将关闭排序功能。 3. showDataTips：设置为true时，浮现出提示信息。

b) 树 （Tree）：标签：。

i. 树结构控件是一个分支和叶节点的继承结构。

ii. 树中的每一项称为节点，节点可以是根节点、分支节点和叶节点，根节点可以

包含分支节点和叶节点，分支节点也可包含子分支节点和叶节点，而叶节点则是树的一个末端点。 iii. 常用事件：change。 iv. 方法：

1. addTreeNode()：向tree添加节点。

2. addTreeNodeAt()：在tree的特定位置添加节点。 3. getDisplayIndex()：返回给定节点的显示索引 4. getIsOpen()：指定节点是打开还是关闭。

5. getNodeDisplayedAt()：将tree的某个显示索引映射到在给索引出显示的

节点。

6. getTreeNodeAt()：返回在树的根上的节点。 7. \：更新树。

8. removeAll()：从tree中删除所有的节点并刷新tree。 9. setIcon()：为指定的节点设置图标。

四、菜单控件

a) 菜单（Menu）:

i. 菜单控件只能在ActionScript代码中定义。 ii. 通过用户的行为来触发，弹出菜单项。 iii. 不具有MXML标签。

iv. 当菜单打开后就处于可视状态，除非用户选择了其中一项，或者选择了其他的

组建或者用一个脚本（script）脚本程序关闭了菜单。 v. createMenu()：创建menu对象

vi. 数据源：Xml、arrayList、model、XmlListCollection。 b) 菜单条（MenuBar）：标签：

i. 菜单条中控件中的每一项都可以弹出子菜单。 ii. 菜单条控件的数据从数据源中获得。

iii. 菜单条总保持可视状态，是一个静态的控件。 iv. 菜单条可以在MXML中实现。 c) 弹出菜单按钮（PopUpMenuButton）：标签：

i. 当用户单击弹出按钮，并在弹出菜单中选择了某个菜单项后，主按钮就会显示

所选菜单项的标签和图像。

ii. 弹出菜单按钮控件只支持单级的菜单，如果选择了菜单的子菜单，主按钮上的

标签或图标将不会改变。 iii. 弹出菜单的工作流程：

1. 单击下的弹出按钮，即有向下箭头图标的弹出按钮后，控件在按钮下面显

示弹出菜单。

2. 选择某一菜单项，改变主按钮的标签（不包括菜单中的所有子菜单项）。

同时触发MenuEvent.CHANGE事件。 3. 单击主按钮，触发MenuEvent.CHANGE事件和MouseEvent.CLICKS事件。 iv. 常用事件：itemClick。 v. 常用属性：

1. dataProvider：数据源。

2. iconField：要为每个菜单项显示的图标。 3. labelFiled：要为每个菜单项显示的文本。 vi. 例如：

五、按钮控件

a) 按钮（Button）：标签

i. 常用事件：click（单击）、buttonDown（按钮按下）。 ii. 常用状态：up（鼠标不在按钮上，即按钮的原始状态）、down（鼠标按下）、

over（鼠标放在按钮上方）、Disable（按钮处于禁用状态）。

b)

c)

d)

e)

iii. 常用的属性和方法：

1. Emphasized：获取或设置一个布尔值，指示当按钮处于弹起状态时，button

组建周围是否绘有边框，默认为false。-属性 2. Label：按钮上显示的文本。-属性 3. Icon：按钮显示的图标。-属性

4. Click：按钮的监听单击事件的方法。其实事件：mouseMove、mouseOver、

mouseOut、rollOver、rollOut、mouseDown和mouseUp。

iv. 例如：

icon=\ overIcon=\ downIcon=\ />。

弹出按钮控件（PopUpButtonControl）：标签 i. 常用事件：itemclick（选项单击事件）. ii. 初始化菜单函数：initMenu()。 iii. 例如：

定义控件：

import mx.control.*; import mx.events.*;

private var myMenu:Menu;

private function initMenu():void{

myMenu =new Menui();

var dp:Object=[{label:\目录1\目录2\目录3\myMenu.dataProvider=dp; myMenu.selectedIndex=0; popB.popUp=myMenu;

popB.label=\点击弹出按钮\}

按钮条（ButtonBar）：标签： i. 常用事件:itemClick。

ii. 整个控件只有一个单一的监听事件（itemClick），当某个按钮被选择时，此事

件被触发。

链接按钮（LinkButton）：标签： i. 常用事件：click。 ii. 例如：

i. 常用事件：itemClick。

ii. 可通过标签将数据传递到linkBar控件上。 iii. 可使用addItem()和removeItem()方法来操作dataProvider属性。 iv. 常用属性和事件：

1. dataProvder:数据源 -属性 2. separatorColor：设置分隔符的颜色 -属性

3. Direction：水平或垂直显示 -属性 4. verticalGap：间隔的宽度，范围“0-20” -属性 5. itemClick：点击控件中的选项引发 -事件

f) 复选框（CheckBox）：标签：

i. 常用事件：click。

ii. 常用状态：未选、被选、禁用、激活。

iii. 标识为被选择，返回true；标识为未被选择，返回false。 iv. checkBox没有属性值value，无法获取。 g) 单选按钮（RadioButton）：标签：

i. 常用事件：click。

ii. 当选按钮是成组使用的，每一组选项都具有相同的组名。

iii. 每次只能选择一个选项，当选择了一个未选项，当前被选项就变成未选项。 iv. 常用属性：

1. Selected：true为已选定。 v. 例如：

h) 单选按钮组（RadioButtonGroup）：标签：

i. 常用事件：itemClick。 ii. 例如：

例：

private function foreachGroup():void{

var arr:Array=[]; var rb:RadioButton; var idx:int;

var len:int=radioGroup.numRadioButton; for(idx=0;i

rb=radioGroup.getRadioButtonAt(idx); arr.push(\}

Alert.show(arr.join(\}

i) 开关按钮条（ToggleButtonBar）：标签：

i. 常用事件：

1. itemClick。

2. 使用addItem()和removeItem()等方法处理dataprovider属性，用于添加或

删除button控件。

ii. 常用属性：

1. toggleOnClick：如果设置为true，则选择当前选中的按钮将取消其选中状