自定义Flex组件(一)

2010-03-28 17:23:15|  分类：Flex |举报 |字号

自定义Flex组件

组件（Components）和控件（Controls）的关系？

“组件”指任何可复用的、可以与其它对象交互的对象，如 Flex 中的validators、formatters、effects、managers、controls、containers 等等；

“控件”则指能够在界面上看到的组件，也称为可视化组件，如Flex中的controls、containers、borders 等等。

所有的控件都是组件，反之，则不一定。Flex中的所有类都可以被称为组件，其中能够在界面上看到的组件都可以被称为控件。

可视化组件的分类：

在Flash Builder 4中，为了便于用户使用，将可视化组件分为以下几类：

· 定制组件：存放用户自定义组件；

· 控件组件：存放基础的控件组件；如：按钮组件、文本组件和下拉框组件等；

· 数据控件：存放数据呈现的组件，如：网格组件、树组件等；

· 布局组件：如：窗口组件、表单组件；

· 导航组件：如：Tab条组件、按钮条组件；

· Adobe AIR：Adobe AIR组件；

· 图标组件。

组件的优点

· 通过组件，可以将应用程序分为能够独立开发和维护的模块，通过在自定义组件中实现通用逻辑，可以创建一系列可重用的组件，实现多个应用程序间的代码共用。

· 通过让自定义组件继承 Flex 中预定义的类，我们可以扩展 Flex 中的类，给现有的组件添加更多的行为，或者实现具有全新行为的组件。

Flex组件构成

在Flex中，一个模块对应着一个在MXML文件或者ActionScript文件中实现的组件。也就是说我们自定义一个组件不是以MXML文件的形式，就是以ActionScript的形式。

组件可以被定义在 MXML 文件（以 .mxml 为后缀的文件）或者 ActionScript 文件（以 .as 为后缀的文件）中。凡是定义在 MXML 文件中的组件都可以转化为定义在 ActionScript 文件中的组件。Flex SDK中的大部分组件都是定义在 ActionScript 文件中的。

怎样自定义组件？

通过扩展现有的组件来创建自定义组件。

组件形式

在实现自定义组件之前，我们需要决定是在MXML文件中实现还是在ActionScript文件中实现，这取决于应用程序的需求。

· MXML组件和ActionScript组件两者都定义新的ActionScript类。

· 基本上所有在ActionScript组件中能做的事情都可以在MXML组件中做。对于简单的组件，比如修改现有组件的行为或者为其添加新的基本特性，在 MXML 中实现起来更快、更简单。

· 当使用ActionScript创建自定义组件时，需要创建一个继承自Flex类的新类，该类类名必须与ActionScript文件的文件名相同；

当使用MXML来定义组件时，Flex编译器会自动创建一个与该MXML文件名相同的ActionScript类。

Flex组件的文件类型

文件类型

扩展名

说明

MXML

.mxml

在MXML文件中实现的组件

ActionScript

.as

在ActionScript类中实现的组件

SWC

.swc

在MXML或ActionScript文件中实现组件后，将其打包进SWC 文件中。SWC文件中包含打包好的可以在多个应用程序间复用的组件。当生成SWF 文件时，SWC文件会被编译进应用程序中。

RSL

.swc

在MXML或ActionScript文件中实现组件后，可以通过RSL 文件来部署。RSL是一种独立文件，能够被SWF文件分别下载并缓存在客户端供多个应用程序的SWF文件使用。

阅读(1575)| 评论(0)