快速入门指南1-2new

《快速入门指南1-2new》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、译者声明1.请大家在转载和使用时保持本文的完整性。2.本文所有资料均来自Flex官方文档，其英文版权归Adobe公司所有。3.文中某些内容根据译者的理解稍作改动，因此与原版英文在文字上不完全一致。同时，由于译者水平有限，翻译不妥之处请大家多多见谅。重庆大坪刘刚第一章Flex是如何工作的该部分文档的内容是为用户提供关于Adobe®Flex工作机制的一个快速综述。通过本章节的学习，你可以创建你的第一个Flex应用程序，并将它与你以前所熟悉的Web开发技术进行比较，以领会Flex的内涵和精髓。第一节构建并运行Flex应用程序Flex是一个提供开发设计和运行支持的架构，它可

2、以使开发人员创建利用Adobe®Flash®Player9作为前台的“富客户端互联网应用程序/richInternetapplications/RIA”，以满足用户更为直观和极具交互性的在线体验。开发Flex应用程序的典型步骤如下（通常是这样）：1.选取一系列预先定制好的、用于设计应用程序界面的组件（如表格、按钮等等）2.布置组件以设计用户界面。3.使用样式和主题来增强视觉方面的设计。4.添加动态行为（例如程序部件之间的相互作用）。5.定义并连接所需的数据库服务。6.将源代码编译成SWF文件，然后在FlashPlayer中运行。一个典型的Flex应用程序包括如下元素

3、：1.FlexframeworkAdobe®Flex2framework包含了创建RIA所需要的所有组件，它们是：用于应用程序布局规划的容器；针对用户界面和从用户处获取数据的控制（例如文本框和按钮）；广泛支持的数据绑定、数据格式化、以及有效值验证；事件驱动的开发模式。Flexframework被包含在公用组件库（SWC）文件中。2.MXML每个Flex应用程序至少包含有一个MXML文件，它被作为该程序的主文件。MXML是一种标记语言，它是基于XML的一种实现，用来创建Flex应用程序。你可以使用它去声明程序中所使用的标签结构的定义。3.ActionScript3.0

4、你可以使用ActionScript3.0为应用程序添加动态行为，它是基于ECMAScript的一种实现，类似于JavaScript。你可以将ActionScript作为一个脚本块，在MXML文件中直接进行添加；或者创建一个单独的ActionScript文件，然后将它们导入到MXML文件中。4.CSS你可以通过设置组件的属性（properties）来改变组件（按钮、列表框等）的视觉样式。例如，按钮组件有一个fontFamily属性，你可以使用它来进行字体的设置。样式的属性通常有四种方法来进行控制：通过主题(theme)；在CSS文件中进行定义；在MXML文件中的样式块

5、中进行定义；在组件的实例中进行设置。5.图形资源与很多应用程序一样，Flex包含了各种各样的图形资源，如图标和图象。6.数据一些组件被使用来进行数据显示（combobox或者datagrid）的工作。同时，你还可以使用各种方式来将这些组件与数据联系起来，如使用数组、收集对象、数据模型、以及外部XML数据资源，等等。Flex应用程序是如何编译和发布的：所有的元素都被编译或连接到你的Flex应用程序中，就象下图所示：Flex应用程序被编译成一个SWF文件，然后在FlashPlayer下运行。当一个源代码被编译时，它就被转换成ActionScript类（译者注：这正是Fl

6、ex精髓的地方之一，即提供从MXML到ActionScript的转换），并与图形和其它资源合并到SWF文件里。在运行时，SWF文件与所需的外部库、服务和数据源进行交互。一般的Flex应用程序并不需要服务器端所提供的支持。因此，你可以在你的本地计算机上编译它们，然后在Web服务的HTML页面中发布给你的用户。当然，你还可以将Flex与Adobe®FlexDataServices2、ColdFusionFlashRemotingService、或者其它Java和J2EEService服务器技术结合起来，进行B/S结构的网络应用程序的开发。MXML：一切开始的地方你可以在

7、MXML中使用Flex所提供的组件来定义用户界面。这里有一个主MXML程序文件的例子：如果你对XML已经很熟悉了，就能一眼识别出这个例子的格式。MXM