Flex应用程序的开发,编译和发布

开发 后端
本文向大家介绍一下Flex应用程序的概念,主要包括开发Flex应用程序的典型步骤,Flex应用程序是如何编译和发布的两大部分内容。

Flex应用程序有很多值得学习的地方,这里向大家简单描述一下,通过本文的学习,你可以创建你的***个Flex应用程序,并将它与你以前所熟悉的Web开发技术进行比较,以领会Flex的内涵和精髓。

构建并运行Flex应用程序

Flex是一个提供开发设计和运行支持的架构,它可以使开发人员创建利用Adobe?
Flash?Player9作为前台的“富客户端互联网应用程序/richInternetapplications/RIA”,以满足用户更为直观和***交互性的在线体验。

开发Flex应用程序的典型步骤如下:

1.选取一系列预先定制好的、用于设计应用程序界面的组件(如表格、按钮等等)

2.布置组件以设计用户界面。

3.使用样式和主题来增强视觉方面的设计。

4.添加动态行为(例如程序部件之间的相互作用)。

5.定义并连接所需的数据库服务。

6.将源代码编译成SWF文件,然后在FlashPlayer中运行。

Flex应用程序是如何编译和发布的:

所有的元素都被编译或连接到你的Flex应用程序中。Flex应用程序被编译成一个SWF文件,然后在FlashPlayer下运行。当一个源代码被编译时,它就被转换成ActionScript类(译者注:这正是Flex精髓的地方之一,即提供从MXML到ActionScript的转换),并与图形和其它资源合并到SWF文件里。在运行时,SWF文件与所需的外部库、服务和数据源进行交互。

一般的Flex应用程序并不需要服务器端所提供的支持。因此,你可以在你的本地计算机上编译它们,然后在Web服务的HTML页面中发布给你的用户。
当然,你还可以将Flex与Adobe?FlexDataServices2、ColdFusionFlashRemotingService、或者其它Java和J2EEService服务器技术结合起来,进行B/S结构的网络应用程
序的开发。

◆MXML:一切开始的地方

你可以在MXML中使用Flex所提供的组件来定义用户界面。这里有一个主MXML程序文件的例子:

  1. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  2. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
  3. layout="absolute"> 
  4. <mx:Panel> 
  5. <mx:TextAreatextmx:TextAreatext="SayhellotoFlex!"/> 
  6. <mx:Buttonlabelmx:Buttonlabel="Close"/> 
  7. </mx:Panel> 
  8. </mx:Application> 
  9.  

 如果你对XML已经很熟悉了,就能一眼识别出这个例子的格式。MXML代码的头两行包含了版本号、编码、以及命名空间的信息,文档的主体包含的是程序的具体内容。

Flex应用程序所有的具体内容都被放在<mx:Application>标签对中。同时,你还可以在父标签对中嵌套其它的子标签对(译者注:反正标签是成对出现的,这点一定要记住)。
该例子创建了一个简单的程序,它在屏幕上显示“SayhellotoFlex!”的文字。在该程序中,声明了TextArea和Button组件,并设置了它们相应的text和label属性。

备注:在MXML文件中的每个标签都有前缀mx,它是Flex的设计命名空间。

【编辑推荐】

  1. 深入探究Flex应用程序使用
  2. Flex应用程序组成元素和开发步骤解析
  3. 学习总结 在Flex中如何嵌入Flex字体
  4. 学习笔记 Flex应用程序如何启动
  5. Flex数据绑定及其使用频繁的几种情况 
责任编辑:佚名 来源: csdn.net
点赞
收藏

51CTO技术栈公众号