1、第14章 使用组件构建Flex界面,Flex应用程序的界面通常由各种各样的组件来构建。例如，一个登录框应用程序包括了标签组件、输入框组件、按钮组件等。不同的组件有其特有的功能，如按钮组件的单击动作和双击动作。用户可选择不同的组件来满足应用程序的要求。,14.1 Flex组件概述,Flex组件是指用MXML标准和ActionScript 3.0代码定义的一种可重用的控件，包括了属性（Properties）、方法（Methods）、事件（Events）、样式（Styles）。 MXML是类似于XML的标签式语言。MXML文件的后缀后为“.mxml”。使用MXML标准定义的内容可由MXML编译器编译
2、成SWF文件。Flash Builder 4在编译程序时就调用了MXML编译器。 Flex 4中提供了许多基础的Flex组件，如文本组件、按钮组件、下拉框组件等。组件根据是否由Adobe公司提供，可分为基础Flex组件和自定义组件。,14.2 Flex可见组件,Flex可见组件是一类最基础的组件，在构建应用程序界面时大量使用。Flex可见组件在应用程序中是可见状态，所以在设计模式下可用鼠标拖曳其位置来构建界面。,14.2.1 可见组件的分类,在Flex Builder 3中为了用户使用方便，将可见组件分成以下几类： 定制：存放用户自定义组件 控件：存放基础的控制组件，如按钮组件、文本组件、下接
3、框组件。 数据控件：存放数据呈现组件，如网格组件、下拉列表组件、树组件等。 布局：存放布局组件，如窗口组件、表单组件。 导航器：存放导航组件，如Tab条组件、按钮条组件。 Adobe AIR（Adobe AIR组件）：存放Adobe AIR组件。 图表：存放图表组件。,14.2.2 使用可见组件构建界面,Flex Builder 4中将基础的可见组件存放于组件面板中。组件面板默认位于Flex Builder 4的左下侧。,14.3 使用Flex非可见组件,Flex非可见组件的使用方法是在MXML编辑器的代码模式下手工添加。,14.4 全新的标签设计,在Flex4中，标签经过了重新的设计。在原来
4、halo组件的基础上又新增了一套新的组件spark。另外，使用不同的名称空间，把可视化的组件标签与非可视化的组件标签分开来，这样的设计使得标签分类更加清晰。,14.4.1 Declarations标签,在新的Flex4中，把可视化组件与非可视化完全分离开。可以把非可视化组件放在Declarations标签内，如效果组件、数据组件（包括XML、XMLList、Array等）、Model模型组件、数据验证组件等。同时也可以在自定义的组件中，通过Declarations标签来定义属性。,14.4.2 Library和Definition标签,使用Definition标签可以定义一组FXG格式的图形。
5、Definition标签通常被定义在Library标签内，所以，在Library标签中，可以通过定义多个Definition标签来创建多组FXG图形组件。,14.4.3 Private标签,定义在Private标签的元素，在编译器编译的时候，会忽略掉其内的所有标签。并且Private标签必须放在文档的最后。如下面的代码，在Private标签中，定义编写代码的相关信息，包括作者、时间等。,14.5 Flex常用组件,Flex组件数量众多、功能各异，本书不能一一讲解。本节主要介绍Flex应用程序中常用的一些组件。包括按钮组件、下拉框组件、图像组件、标签组件、列表组件等。,14.5.1 按钮组件Bu
6、tton,按钮组件是应用程序中最频繁使用的组件之一。 按钮组件常用的属性还包括：toggle和emphasized。 toggle属性是指是否有“凹凸”效果。 emphasized属性是指按钮的边框是否加粗，以示强调效果。,14.5.2 下拉框组件ComboBox,下拉框组件主要应用于选择一项数据。下拉框组件属于多值组件，其值可由多种数据源提供。例如，下拉框组件的数据来自XML、数组、Object等。下拉框组件的dataProvider属性指明数据来源。方法是使用“”操作符绑定数据源。,14.5.4 标签组件Label,标签组件主要用以显示单行文本。例如，登录框中的“用户名：”文本可用Label组件。,14.5.5 多行文本组件TextArea,多行文本组件主要用于显示或输入多行文本数据。使用方法与标签组件Label类似。,14.5.6 输入框组件TextInput,输入框组件主要应用于输入单行数据。,14.5.7 文本编辑组件RichTextEditor,RichTextEditor组件是由多种其他基本组件构成的组件，主要用于文本的编辑。,14.6 小结,本章主要介绍如何使用Flex组件构建界面。Flex组件可分为可见组件和非可见组件。可见组件用于界面的外观设计，非可见组件为辅助应用程序的设计。例如，使用非可见组件来存储数据，为一些多值可见组件提供数据源，如下拉框组件。,
