创建第一个Flex应用程序

创建第一个Flex应用程序2011-04-10 IT168 日光倾城在前面的文章中，笔者已经介绍了RIA、Flex技术和Flex Builder 2集成开发环境。从本文开始将正式开始讲解使用Flex Builder 2创建Flex应用程序的方方面面。本文内容包括典型应用程序开发步骤和创建第一个Flex应用程序的过程。

1. 应用程序开发步骤

创建Flex应用程序的过程并不复杂。通常而言，典型应用程序的开发步骤如下所示：

（1）使用文本编辑器或者Flex Builder 2创建MXML文件，并在该文件中添加MXML根标签，代码如下：

<？xml version="1.0" encoding="utf-8"？ >
  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  </mx:Application>

（2）为设计用户界面，添加一个或者多个容器和控件。如果不添加容器，应用程序也不会出太多问题，但是不利于页面布局等工作。

（3）使用样式和主题增强用户界面的设计。

（4）添加脚本等内容，从而实现动态行为。

（5）为实现数据交互，定义并连接数据库服务。

（6）如果业务规则需要，可添加一些数据验证方面的实现。

（7）将应用程序源代码编译为SWF文件，然后运行和测试。

以上列举了创建Flex应用程序的典型步骤。然而，更为重要的是，开发人员还要根据具体的应用需求灵活执行这些步骤。

在下面的内容中，将介绍创建第一个Flex应用程序的过程。

2. 创建第一个Flex应用程序

在了解了Flex应用程序的创建过程之后，下面将创建第一个Flex应用程序 HelloFlex。本应用程序使用Flex Builder 2（独立安装方式）创建，其允许用户在文本框中输入一段文字，在单击按钮之后，文本将显示在页面中。创建HelloFlex应用程序的过程包括：（1）创建Flex项目;（2）设置用户界面和逻辑;（3）编译运行。

创建Flex项目

为了更好的管理Flex应用程序文件，在创建Flex应用程序之前，建议开发人员使用Flex Builder 2创建一个Flex项目。下面简单说明一下这个过程：

（1）打开Flex Builder 2，单击命令菜单：File > New > Flex Project。此时，将弹出如图1所示的New Flex Project 向导：

图1

如图1所示，向导首先要求设置Flex应用程序访问数据的方式，其中包括基本（Basic）、ColdFusion Flash远程服务（ColdFusion Flash Remoting Service）和Flex 数据服务（Flex Data Services）。由于本应用程序无需数据访问，因此，选择Basic项。