flex应用:创建第一个Flex应用程序

  在前面文章中笔者已经介绍了RIA、Flex技术和Flex Builder 2集成开发环境从本文开始将正式开始讲解使用Flex Builder 2创建Flex应用方方面面本文内容包括典型应用开发步骤和创建第个Flex应用过程  1. 应用开发步骤

  创建Flex应用过程并不复杂通常而言典型应用开发步骤如下所示:

  (1)使用文本编辑器或者Flex Builder 2创建MXML文件并在该文件中添加MXML根标签代码如下:

  <?xml version="1.0" encoding="utf-8"?>
  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  </mx:Application>
  (2)为设计用户界面添加个或者多个容器和Control控件如果不添加容器应用也不会出太多问题但是不利于页面布局等工作

  (3)使用样式和主题增强用户界面设计

  (4)添加脚本等内容从而实现动态行为

  (5)为实现数据交互定义并连接数据库服务

  (6)如果业务规则需要可添加些数据验证方面实现

  (7)将应用源代码编译为SWF文件然后运行和测试

  以上列举了创建Flex应用典型步骤然而更为重要开发人员还要根据具体应用需求灵活执行这些步骤

  在下面内容中将介绍创建第个Flex应用过程

  2. 创建第个Flex应用

  在了解了Flex应用创建过程的后下面将创建第个Flex应用HelloFlex本应用使用Flex Builder 2(独立安装方式)创建其允许用户在文本框中输入段文字在单击按钮的后文本将显示在页面中创建HelloFlex应用过程包括:(1)创建Flex项目;(2)设置用户界面和逻辑;(3)编译运行

  创建Flex项目

  为了更好管理Flex应用文件在创建Flex应用的前建议开发人员使用Flex Builder 2创建个Flex项目下面简单介绍说明下这个过程:

  (1)打开Flex Builder 2单击命令菜单:File > New > Flex Project此时将弹出如图1所示New Flex Project向导:

  

  图6

  如图6所示当用户在文本框中输入任意文字接着单击“提交”按钮后页面将显示用户输入内容和其他Web页面区别这个显示过程非常快捷没有任何延迟更为重要是页面不会发生刷新这是Flex应用重要特点

  3. 小结

  本文主要介绍了Flex应用开发步骤并且根据这步骤介绍了创建第个Flex应用思路方法建议读者在阅读同时能够亲自编写代码在自己计算机中实现这举例



Tags:  flex程序员 flex程序 flex应用

延伸阅读

最新评论

发表评论