Flex_4[1].0_RIA开发详解讲义

Flex 4.0 RIA开发详解(第2版)
1.1.1
Flex的技术特点
Flex可以在企业内部或在 Web 上创建富互联网应用程 序（RIA），堪称最完整、最强大的RIA开发解决方案。它 使企业能够创建个性化的丰富多媒体应用程序，极大地提高 用户的体验，彻底革新人与 Web 的交互关系。 1．增强用户体验 2．完善的开发环境 3．通用的配置环境 4．企业级的特征 5．消除页面加载 6．标准的架构 7．与浏览器兼容
Flex 4.0 RIA开发详解(第2版)
2.1.1
Perspectives（透视）
透视是一种布局风格，与任务、编辑器和视图相关联 。一旦切换透视，对应的任务、编辑器或视图就可能发生改 变。Flash Builder 4包含3种透视：“Flash”透视、“Flash Debug”透视以及“Flash Profile”透视。
Flex 4.0 RIA开发详解(第2版)
2.2
编译与运行Flex 4程序详解
MXML语言和ActionScript语言都是需要编译后才能运 行的。Flash Builder 4开发环境中集成了两者的编译器，用 户只需选择相应的编译运行命令。 本书在介绍第一个Flex程序“Hello World”程序时，简 单地介绍了了如何编译与运行Flex应用程序。事实上编译时 可选的参数较多，本节将为读者介绍详细的编译与运行过程 。仍以“Hello World”为例，讲解编译与运行过程中的可选 参数。
Flex 4.0 RIA开发详解(第2版)
第2章
熟悉开发环境Flash Builder 4
“工欲善其事必先利其器”。Flash Builder 4是Adobe公 司推出的集成开发环境。Flash Builder 4工作环境是一种具 有丰富特征的开发环境，有利于开发者开发Flex和 ActionScript应用程序。Flash Builder 4建立在Eclipse这一开 源的集成开发环境（IDE）上，用户可使用强大的代码编辑 器，可视化设计器，调试工具等来开发Flex应用程序。
Flex 4.0 RIA开发详解(第2版)
1.4
建立第一个Flex 4程序
（4）在编辑工作区中单击“Design”按钮，进入设计模
式。
（5）从左下角的“组件”列表，选择“控件”子文件 夹下的“标签”控件。拖动控件到设计模式工作区。 （6）选择“标签”控件，然后在右下角的属性工作区 里设置“标签”控件的属性。 （7）在代码模式下，生成的MXML代码。
Flex 4.0 RIA开发详解(第2版)
第1章
Flex概述
Flex是Adobe公司推出的一系列工具和技术，使开发人 员可以开发和部署可升级的富互联网应用程序（RIAs）。 Flex提供了一种现代的、基于标准的语言来支持公共模板设 计、客户端运行环境、编程模型、开发模型和高级数据服务 。富互联网应用程序（RIAs）是指像使用Web一样的简单 方式来部署富客户端程序。这种程序具有比HTML更加健壮 、反应更加灵敏和互动性更丰富的特点。
Flex 4.0 RIA开发详解(第2版)
1.5
编译与运行第一个Flex 4程序
前面建立了“Hello World”程序，编译与运行程序的步 骤如下。 （1）在想要成为程序默认初始页的mxml文件上右击 ，选择“设置为默认应用程序”。 （2）菜单中选择“运行”|“运行HelloWorld”命令， Flash Builder 4就开始编译与运行程序。 （3）效果如图1-19所示。
Flex 4.0 RIA开发详解(第2版)
1.2.1
安装Flash Builder的系统要求
Flash Builder 4可以安装在Windows操作系统上，也可 以安装于Mac OS X操作系统中。安装Flash Builder 4的最低 配置如下。 1．Windows操作系统最低要求 2．Mac OS X操作系统最低要求
Flex 4.0 RIA开发详解(第2版)
2.3
调试Flex 4程序
程序常包含不可知的逻辑错误，这些错误不属于编译 错误，编译器不能检查此类错误。例如，程序中要判断闰年 ，代码的语法正确但判断的方法是错误的，此时编译器不会 报错。使用在调试功能能跟踪代码每一步的执行，从而检查 逻辑错误。Flash Builder 4开发环境有强大的调试功能，有 利于程序进行代码检查。本节介绍如何调试Flex应用程序， 包括添加断点、开始调试、监视变量等。
Flex 4.0 RIA开发详解(第2版)
1.2.3
Flash Builder 4 Beta的安装
（5）在文本框中输入安装路径或是单击“选择”按钮 选择安装路径。 （6）单击“安装”按钮。完成安装后自动弹出安装第 五步骤“安装完毕”对话框。 （7）单击“完成”按钮，完成安装。
Flex 4.0 RIA开发详解(第2版)
Flex 4.0 RIA开发详解(第2版)
1.1.2
Flex SDK 4的新特性
Flex 4较之Flex 3有了许多令人兴奋的新特性。 1．新增主题和组件 2．增强布局方式 3．增强特效和滤镜效果 4．新增双向绑定功能 5．增强的CSS 6．增强的HTML模板 7．增强的状态 8．增强ASDoc的支持 9．运行时共享库 10．本地化
Flex 4.0 RIA开发详解(第2版)
1.2ቤተ መጻሕፍቲ ባይዱ
Flash Builder的下载与安装
Flash Builder的安装文件可从Adobe官方主页下载。安 装文件版本有Flash Builder 4 Standalone Installer版本和 Flash Builder 4 Plugin for Eclipse版本两种。Flash Builder 4 Standalone Installer是独立的开发工具的版本，Flash Builder 4 Plugin for Eclipse是可将Flex 4集成于Eclipse的安 装插件。本节介绍Flash Builder 4 Standalone Installer的下 载与安装。
Flex 4.0 RIA开发详解(第2版)
1.4
建立第一个Flex 4程序
下面以“Hello World”为第一个例子为读者详细说明如 何建立第一个Flex 4程序，步骤如下。 （1）选择“文件”|“新建”|“Flex项目”命令，弹出“ 新建Flex项目”对话框。 （2）在“项目名”文本框中输入项目名称，“应用程 序类型”下拉框选择“Web(runs in Adobe Flash Palyer)”。 （3）在“主应用程序”文本框中输入默认项目启动的 文件名，其他可默认。单击“完成”按钮，完成项目的创建 。
Flex 4.0 RIA开发详解(第2版)
1.1
Flex简介
Adobe公司对于Flex采取了开源的策略，所以开发者可 以在Flex原代码的基础上修改。新版Flex 4中的开发环境已 经更名为Flash Builder，而不再是Flex Builder系列。Flex采 用事件驱动机制，程序的执行过程严格按照事件发生的时间 顺序执行。本节将介绍为读者Flex开发技术的特点、优点和 新特性。
Flex 4.0 RIA开发详解(第2版)
1.3
Flex基础结构MXML介绍
开发者使用两种语言来写Flex应用程序：MXML和 ActionScript。MXML是一种XML标识语言，用于进行组件 布局。MXML中的组件包括了可视组件和非可视组件。非 外观组件可以是从服务器中读取的数据源或用户组件绑定至 服务器中的数据。
Flex 4.0 RIA开发详解(第2版)
1.2.3
Flash Builder 4 Beta的安装
（1）双击“FlashBuilder.exe”，弹出选择安装语言对 话框。 （2）单击“OK”按钮，弹出安装第一步骤“简介”对 话框。 （3）单击“下一步”按钮，弹出安装第二步骤“许可 协议”对话框。 （4）选择“本人接受许可协议条款”单选框，单击“ 下一步”按钮，弹出安装第三步骤“选择安装文件夹”对话 框。
Flex 4.0 RIA开发详解(第2版)
2.1.2
Editors（编辑器）
1．MXML编辑器 2．ActionScript编辑器 3．CSS编辑器
Flex 4.0 RIA开发详解(第2版)
2.1.3
Views（视图）
视图是用以辅助用户管理工程和开发项目。用户通过 视图可以较直观地处理一些需求。例如，“包资源管理器” 既可以管理工作区中的文件和文件夹，又可以浏览包和类的 结构。
1.2.4
Flash Builder的新特性
1．新增工作流模式与Flash Catalyst的支持 2．新增网络监控功能 3．添加单元测试的支持 4．新增ASDoc的支持 5．自动生成getter和setter 6．自动生成事件处理函数结构 7．增强调试器功能 8．新增Flash CS4组件开发包 9．导入和应用诸多主题 10．新增类包浏览器
Flex 4.0 RIA开发详解(第2版)
1.2.2
下载Flash Builder Beta
（1）浏览器中输入“/”，打开 Adobe Flex主页。 （2）单击“Flash Builder 4”图标或者文字链接，进入 Flash Builder 4的下载页面。 （3）单击“Download the Flash Builder 4 beta 2 release”链接，进入Flash Builder 4验证页面。 （4）下载Adobe公司的产品需要输入Adobe ID和 Password，可以免费注册。注册步骤用户可按网页提示。 （5）单击“Flash Builder 4 Standalone Installer”下的 “Download Flash Builder 4 Installer for Windows”链接， 开始下载Windows平台版本的Flash Builder 4。