FlashBuilder

一，概述

Flash Builder(Flex Builder,FB)之于MXML就如DREAWEAVER之于HTML。FB实现了代码与界面分开，FLEX的类程序扩展名为*.as，语法与java/c++很象，FLEX程序文件扩展名为.mxml，其实就是拥有很多特殊元素的XML文件。

Flex语言包含了一个丰富的用户界面组件库，MXML（一种基于XML的标记语言）和ActionScript（基于ECMA 262的、强类型面向对象编程语言）。MXML用于排布用户界面和处理应用中其他方面的问题，而ActionScript用来处理用户交互逻辑。由于Flash平台的普及， Flex使开发者可以开发广泛的应用程序。开发者可以使用工业标准（如XML，CSS和SVC）和他们所熟悉的模式和范例来创建应用。Flex的分离协作方式和Flex公用组件模型也使得开发者和界面设计者能更好的进行协作，在可靠的、易于维护的架构上生产出在用户体验方面有突破性的产品。

二，RIA应用开发步骤

Flash Builder(Flex Builder)是在Eclipse基础上创建的(可作为标准的独立应用软件，也可作为Eclipse的插件使用，可共享Eclipse工作平台上丰富的开源资源)一个使用Flex SDK、Flex Data Services 和Flash Player 来开发应用程序的集成开发环境（IDE），是生成FLEX应用的最简单最强大的方式。实现了集成编译器，代码缩进，调试，设计视图，源代码控制系统集成等许多功能。

1，创建一个新工程:

2，界面设计: 在一个文本编辑器或集成开发环境（IDE）中，如Adobe Flex Builder、Eclipse 或IntelliJ中插入MXML 根标签。组织安排一系统预定义组件(窗口，按钮等)来定义一个开发界面。添加一个或更多容器。在容器中添加控件，如输入栏、按钮和输出栏。可使用风格和主题来定义可见设计。

对于用户界面的设计， Flex Builder 支持可视化的设计视图，它可以使开发人员或者设计人员去布置Flex 组件，定制它们的外观，以及如何与用户进行互动。Flex Builder 设计视图的界面如下所示：

www.deepcast.net_deepcast_userfiles_2007-3_9_200739102725214.jpg

3，脚本开发:Flex Builder 提供了一套针对MXML、ActionScript、层叠样式表（CSS）的代码编辑器，帮助你更加容易地管理代码的源代码操纵工具，以及帮助排除程序中故障的调试器。Flex Builder 进行程序编制的界面如下图所示：

www.deepcast.net_deepcast_userfiles_2007-3_9_200739102736107.jpg

1). 定义一种数据模型，并在需要时连接上一个数据服务。

2). 添加一个web 服务器，HTTP 服务器，或向远程Java 对象发送请求。

3)，增加动态动作，如应用程序之间的互动:为数据输入添加验证。为组件添加脚本。

4，编译与发布: 可以使用 Adobe Flex Builder 2 把 Flex 应用程序编译成SWF 文件。或者直接在命令行中调用编译器。Flex 编译器是处于 Flex 2 安装文件夹下的 Flex SDK 2.0\bin 文件夹中的一个很小的可执行文件 mxmlc 。最好确保这个文件夹是系统路径中。这样可以直接用如下命令行单独调用它。

//编译器选项--strict强制编译器进入严格的 Strict 模式,--file-specs 指定被编译的 MXML 文件 mxmlc --strict=true --file-specs MyFirst.mxml

Flex 平台的发布模式共有三种：

1). 纯客户端运行模式和简单的RPC(HTTPService和WebService)访问服务器模式:如上可以将应用程序发布成一个编译好的SWF文件。客户端进行访问的格式是：http://hostname/path/filename.swf

2). RemoteObjects模式(Flex Data Services等模式)访问服务器:可以将应用程序发布为一组MXML 和ActionScript 文件。客户端进行访问的格式是：http://hostname/path/filename.mxml

5，设置断点，调试:你可以在代码编辑器中查看和编辑出错或被警告的代码。同时，你还可以设置断点、或单步执行来帮助你进行程序的调试。

www.deepcast.net_deepcast_userfiles_2007-3_9_20073911178836.jpg