转载自[url=http://www.airia.cn/]AIRIA.cn[/url]
[size=large][b] 第二章 Flex 2应用程序开发入门[/b][/size]
本章节的内容包含了对 Flex系列产品的概述，以及关于 Flex基础理论的相关教程。
[b]关于 Flex [/b]
Flex提供了为专业开发人员所熟知的、基于标准的编程模式，以及一套发布高品质 RIAs的设计产品。 RIAs为 web应用程序带来了快速响应并且内容丰富的桌面软件，以满足更有效力的用户体验。 Flex使用了卓越超凡的 Adobe® Flash® Player 9，允许开发人员无缝地扩展浏览器的能力，发布丰富并且快速响应的客户端应用、与服务器端更为健壮的整合功能、以及面向服务器端的体系构架。
[b]关于 Flex产品系列[/b]
Flex产品系列包括了进行设计、开发、发布整套 RIA所需的一系列产品。它们是：
1. Adobe® Flex™ 2 SDK
2. Adobe® Flex™ Builder™ 2
3. Adobe® Flex™ Data Services 2
4. Adobe® Flex™ Charting 2
关于 Flash Player 9
最新版本为 Adobe® Flex™ Builder™ 3 本教程为Adobe® Flex™ Builder™ 2 教程
Flex应用程序在浏览器中运行时，它们采用了先进的 Flash Player 9运行时环境去执行客户端的逻辑，渲染图形、播放动画、声音以及视频。 Flash Player 9提供了对高性能 ActionScript 3.0的支持，一如即往地展示了它极具革新技术的表达力。 Flash Player为开发人员提供了一个设计用户界面的平台，无论是客户端还是客户计算机上的表现层 /presentation-tier的逻辑执行。因为 Flash Player能够在所有主流的操作系统和浏览器上运行，所以你并不需要去为某个浏览器或平台进行程序定制。
另外，在 Flash Player 9中运行的 Flex应用程序可以与浏览器中所显示的 JavaScript或者 HTML互动。因此，你可以将 Flex融合到一个已经存在的 web站点或者应用程序中，包括与其它基于浏览器的构架，如 Ajax或 JavaScript库一起协同工作。
[b]关于 Flex Software Development Kit 2[/b]
Flex系列产品中的核心是 Flex Software Development Kit (SDK)。 Flex 2 SDK是技术实现和程序编制的基础集合，它使你可以使用 Flex系列产品来创建应用程序。 Flex 2 SDK包含了 Flex构架（类库），Flex编译器，调试器， MXML和 ActionScript编程语言，以及其它实用程序。 Flex SDK还包括了核心 Flex构架类库的源代码，使你可以学习这些类的代码并扩展它们以备你自己的使用。
Flex SDK可以作为一个独立包进行使用，或者集成在 Flex Builder和 Flex Data Services里。
Flex应用程序由 MXML和 ActionScript源文件组成。（译者注：简而言这， MXML是用来进行用户界面布局设计的标签语言， ActionScript是 Flash Player的编程语言。）
[b]关于 Flex Builder 2[/b]
Flex Builder是一个使用 Flex SDK、Flex Data Services和 Flash Player来开发应用程序的集成开发环境（ IDE）。Flex Builder IDE为开发人员提供了各种工具用来进行开发、设计、
调试 Flex应用程序，其中包括集成的增量编译器和单步调试器。因为它与 Flex 2 SDK、Flex程序模型、 Flex编程语言紧密集成，所以 Flex Builder可以提高开发小组中所有成员的生产力。
Flex Builder是建立在 Eclipse工作平台上的（一种对于开发工具的开源平台）。因此， Flex Builder可以作为一个独立的产品或者 Eclipse的插件来进行安装，并且能够从 Eclipse工作平台上数以百计的商业和开源项目中受惠。
Flex Builder提供了一套针对 MXML、ActionScript、层叠样式表（ CSS）的代码编辑器，帮助你更加容易地管理代码的源代码操纵工具，以及帮助排除程序中故障的调试器。对于用户界面的设计， Flex Builder支持可视化的设计视图，它可以使开发人员或者设计人员去布置 Flex组件，定制它们的外观，以及如何与用户进行互动。
Flex Builder设计视图的界面如下所示：
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/36574022.jpg[/img]
Flex Builder进行程序编制的界面如下图所示：
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/36574023.jpg[/img]
[b]关于 Flex Data Services 2[/b]
通过使用 Flex Data Services，大大地增强了 Flex 2 SDK的功能性。 Flex Data Services新增了对企业信息的支持，以及对于 Flex 2 SDK的数据服务架构。你可以在 J2EE应用服务器上或者 servlet容器里将 Flex Data Services发布为一个标准的 web应用程序。 Flex Data Services能够简化操作服务器上数据的编程模式。
[b]关于 Flex Charting 2[/b]
以图表或图形来显示数据的方式可以使用户更容易理解数据的使用。你可以将一个简单的数据表格，通过设置它的颜色、标题、以及二维表现方式来展示为条形、圆饼形、线形、或者其它类型的图表。
Flex图表组件扩展了 Flex的构架，增加了对大多数常用图表类型的支持，包括条形、圆饼形、线形、标图形和气泡形。图表组件是动态地在客户计算机上进行渲染的，从而使它可以非常容易地平铺、翻滚、以及其它增强用户体验的互动性。你还可以使用颜色和标题来使图形更有可读性。
一个简单的图表如下所示：Flex应用程序的特性在 Flex中，开发人员可以开发出符合各种需求类型的应用程序，它们是：
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/36574024.jpg[/img]
1. 用户数据收集
2. 配置
3. 在客户端处理用户的输入，包括过滤和数据校验
4. 直接反馈用户
5. 多步骤处理
6. 支持大数据集
7. 实时数据推进
8. 偶尔的客户端连接
Flex发布模式 Flex平台支持范围广泛的发布模式，它们是：
1. 客户端模式，即应用程序只运行在客户端上而不需要服务器资源。
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/36574025.jpg[/img]
2. 使用简单的 RPC访问服务器数据，即使用 HTTPService（HTTP GET或 POST请求）和 WebService（通过使用 SOAP）。
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/36574026.jpg[/img]
3. Flex Data Services模式，可以提供更为高级的特性，如数据同步、安全增强等等。
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/36574027.jpg[/img]
Flex Data Services增强的 RPC服务支持使用 AMF协议去访问 RemoteObjects。这样，你就可以访问远程服务器上的 Java对象（ JavaBeans，EJBs，POJOs）。同时， Flex Data Services还提供了一个代理 /proxy以方便对服务器端数据的存取。
[b]关于 Flex Builder的界面模式[/b]
Flex Builder提供两种界面模式：即开发设计模式、调试模式。你可以在主菜单中的 Window>Perspective>下对两者进行切换。Flex开发界面模式
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/36574028.jpg[/img]
打开开发界面模式，你将看到代码编辑器，它包括了导航栏 /Navigator view、调试栏 /Problems view、以及概述视图栏。
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/36574029.jpg[/img]
[b]Flex Builder中的代码提示[/b]
代码编辑器包含了许多特征可以帮助开发人员简化他们的工作。其中最重要的特征称之为代码提示 /内容协助 /Content Assist（译者注：内容协助是其英文的直译，不太好，所以根据它的实际意思意译成代码提示），它将在你输入 MXML、ActionScript以及 CSS代码时给出完整的提示。请键入 Control+Space以打开代码提示。
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/365740210.jpg[/img]
[b]在 Flex Builder中设计 Flex应用程序[/b]
在开发界面中有两种设计方式：代码输入方式和可视化设计方式，你可以自由地在两者之间进行切换。当你选择可视化设计方式 /Design mode时，Flex界面上将出现设计面板 /design canvas、所支持的组件 /Components、以及 Flex属性栏 /Properties views。
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/365740211.jpg[/img]
Flex调试模式你可以在代码编辑器中查看和编辑出错或被警告的代码。同时，你还可以设置断点、或单步执行来帮助你进行程序的调试。
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/365740212.jpg[/img]
[b]编译应用程序[/b]
每当项目资源作出改动后， Flex Builder便会自动地将 Flex和 ActionScript 3.0编译成 SWF，并与相应的 HTML页面一起放置到项目的输出文件夹中。
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/365740213.jpg[/img]
转载自[url=http://www.airia.cn/]AIRIA.cn[/url]
[size=large][b] 第二章 Flex 2应用程序开发入门[/b][/size]
本章节的内容包含了对 Flex系列产品的概述，以及关于 Flex基础理论的相关教程。
[b]关于 Flex [/b]
Flex提供了为专业开发人员所熟知的、基于标准的编程模式，以及一套发布高品质 RIAs的设计产品。 RIAs为 web应用程序带来了快速响应并且内容丰富的桌面软件，以满足更有效力的用户体验。 Flex使用了卓越超凡的 Adobe® Flash® Player 9，允许开发人员无缝地扩展浏览器的能力，发布丰富并且快速响应的客户端应用、与服务器端更为健壮的整合功能、以及面向服务器端的体系构架。
[b]关于 Flex产品系列[/b]
Flex产品系列包括了进行设计、开发、发布整套 RIA所需的一系列产品。它们是：
1. Adobe® Flex™ 2 SDK
2. Adobe® Flex™ Builder™ 2
3. Adobe® Flex™ Data Services 2
4. Adobe® Flex™ Charting 2
关于 Flash Player 9
最新版本为 Adobe® Flex™ Builder™ 3 本教程为Adobe® Flex™ Builder™ 2 教程
Flex应用程序在浏览器中运行时，它们采用了先进的 Flash Player 9运行时环境去执行客户端的逻辑，渲染图形、播放动画、声音以及视频。 Flash Player 9提供了对高性能 ActionScript 3.0的支持，一如即往地展示了它极具革新技术的表达力。 Flash Player为开发人员提供了一个设计用户界面的平台，无论是客户端还是客户计算机上的表现层 /presentation-tier的逻辑执行。因为 Flash Player能够在所有主流的操作系统和浏览器上运行，所以你并不需要去为某个浏览器或平台进行程序定制。
另外，在 Flash Player 9中运行的 Flex应用程序可以与浏览器中所显示的 JavaScript或者 HTML互动。因此，你可以将 Flex融合到一个已经存在的 web站点或者应用程序中，包括与其它基于浏览器的构架，如 Ajax或 JavaScript库一起协同工作。
[b]关于 Flex Software Development Kit 2[/b]
Flex系列产品中的核心是 Flex Software Development Kit (SDK)。 Flex 2 SDK是技术实现和程序编制的基础集合，它使你可以使用 Flex系列产品来创建应用程序。 Flex 2 SDK包含了 Flex构架（类库），Flex编译器，调试器， MXML和 ActionScript编程语言，以及其它实用程序。 Flex SDK还包括了核心 Flex构架类库的源代码，使你可以学习这些类的代码并扩展它们以备你自己的使用。
Flex SDK可以作为一个独立包进行使用，或者集成在 Flex Builder和 Flex Data Services里。
Flex应用程序由 MXML和 ActionScript源文件组成。（译者注：简而言这， MXML是用来进行用户界面布局设计的标签语言， ActionScript是 Flash Player的编程语言。）
[b]关于 Flex Builder 2[/b]
Flex Builder是一个使用 Flex SDK、Flex Data Services和 Flash Player来开发应用程序的集成开发环境（ IDE）。Flex Builder IDE为开发人员提供了各种工具用来进行开发、设计、
调试 Flex应用程序，其中包括集成的增量编译器和单步调试器。因为它与 Flex 2 SDK、Flex程序模型、 Flex编程语言紧密集成，所以 Flex Builder可以提高开发小组中所有成员的生产力。
Flex Builder是建立在 Eclipse工作平台上的（一种对于开发工具的开源平台）。因此， Flex Builder可以作为一个独立的产品或者 Eclipse的插件来进行安装，并且能够从 Eclipse工作平台上数以百计的商业和开源项目中受惠。
Flex Builder提供了一套针对 MXML、ActionScript、层叠样式表（ CSS）的代码编辑器，帮助你更加容易地管理代码的源代码操纵工具，以及帮助排除程序中故障的调试器。对于用户界面的设计， Flex Builder支持可视化的设计视图，它可以使开发人员或者设计人员去布置 Flex组件，定制它们的外观，以及如何与用户进行互动。
Flex Builder设计视图的界面如下所示：
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/36574022.jpg[/img]
Flex Builder进行程序编制的界面如下图所示：
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/36574023.jpg[/img]
[b]关于 Flex Data Services 2[/b]
通过使用 Flex Data Services，大大地增强了 Flex 2 SDK的功能性。 Flex Data Services新增了对企业信息的支持，以及对于 Flex 2 SDK的数据服务架构。你可以在 J2EE应用服务器上或者 servlet容器里将 Flex Data Services发布为一个标准的 web应用程序。 Flex Data Services能够简化操作服务器上数据的编程模式。
[b]关于 Flex Charting 2[/b]
以图表或图形来显示数据的方式可以使用户更容易理解数据的使用。你可以将一个简单的数据表格，通过设置它的颜色、标题、以及二维表现方式来展示为条形、圆饼形、线形、或者其它类型的图表。
Flex图表组件扩展了 Flex的构架，增加了对大多数常用图表类型的支持，包括条形、圆饼形、线形、标图形和气泡形。图表组件是动态地在客户计算机上进行渲染的，从而使它可以非常容易地平铺、翻滚、以及其它增强用户体验的互动性。你还可以使用颜色和标题来使图形更有可读性。
一个简单的图表如下所示：Flex应用程序的特性在 Flex中，开发人员可以开发出符合各种需求类型的应用程序，它们是：
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/36574024.jpg[/img]
1. 用户数据收集
2. 配置
3. 在客户端处理用户的输入，包括过滤和数据校验
4. 直接反馈用户
5. 多步骤处理
6. 支持大数据集
7. 实时数据推进
8. 偶尔的客户端连接
Flex发布模式 Flex平台支持范围广泛的发布模式，它们是：
1. 客户端模式，即应用程序只运行在客户端上而不需要服务器资源。
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/36574025.jpg[/img]
2. 使用简单的 RPC访问服务器数据，即使用 HTTPService（HTTP GET或 POST请求）和 WebService（通过使用 SOAP）。
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/36574026.jpg[/img]
3. Flex Data Services模式，可以提供更为高级的特性，如数据同步、安全增强等等。
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/36574027.jpg[/img]
Flex Data Services增强的 RPC服务支持使用 AMF协议去访问 RemoteObjects。这样，你就可以访问远程服务器上的 Java对象（ JavaBeans，EJBs，POJOs）。同时， Flex Data Services还提供了一个代理 /proxy以方便对服务器端数据的存取。
[b]关于 Flex Builder的界面模式[/b]
Flex Builder提供两种界面模式：即开发设计模式、调试模式。你可以在主菜单中的 Window>Perspective>下对两者进行切换。Flex开发界面模式
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/36574028.jpg[/img]
打开开发界面模式，你将看到代码编辑器，它包括了导航栏 /Navigator view、调试栏 /Problems view、以及概述视图栏。
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/36574029.jpg[/img]
[b]Flex Builder中的代码提示[/b]
代码编辑器包含了许多特征可以帮助开发人员简化他们的工作。其中最重要的特征称之为代码提示 /内容协助 /Content Assist（译者注：内容协助是其英文的直译，不太好，所以根据它的实际意思意译成代码提示），它将在你输入 MXML、ActionScript以及 CSS代码时给出完整的提示。请键入 Control+Space以打开代码提示。
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/365740210.jpg[/img]
[b]在 Flex Builder中设计 Flex应用程序[/b]
在开发界面中有两种设计方式：代码输入方式和可视化设计方式，你可以自由地在两者之间进行切换。当你选择可视化设计方式 /Design mode时，Flex界面上将出现设计面板 /design canvas、所支持的组件 /Components、以及 Flex属性栏 /Properties views。
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/365740211.jpg[/img]
Flex调试模式你可以在代码编辑器中查看和编辑出错或被警告的代码。同时，你还可以设置断点、或单步执行来帮助你进行程序的调试。
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/365740212.jpg[/img]
[b]编译应用程序[/b]
每当项目资源作出改动后， Flex Builder便会自动地将 Flex和 ActionScript 3.0编译成 SWF，并与相应的 HTML页面一起放置到项目的输出文件夹中。
[img]http://www.airia.cn/up_files/image/Article/2008/07/06/365740213.jpg[/img]
转载自[url=http://www.airia.cn/]AIRIA.cn[/url]
257
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
