• 1. Flex 开发流程 简介
  • 2. Flex 3是Adobe出品的开发RIA(Rich Internet Applications)的工具,包括: Flex 3 SDK(软件开发包) -Compiler (编译器) -Framework (Flex类库) -Debugging tools (调试工具) Flex Builder 3 -整合和开发环境 -基于eclipse 和Flex整合的服务器产品 -LiveCycle Data Services 2.51 -ColdFusion 8 Flex介绍
  • 3. 步骤如下: 选取预定义的可视化组件 在用户界面上添加组件 使用styles和skins自定义应用程序界面 增加事件处理和脚本处理代码,控制应用程序行为 连接数据和通讯服务 Build和Run应用程序 如何创建Flex应用程序
  • 4. (本页无文本内容)
  • 5. 启动Flex Builder 3后,选择File->New->Flex Project。 Output folder(输出目录)是用来存放项目的debug版本的地方,这是Flex Builder 3的一个改进的地方. 设置Main source folder(程序源文件存放的目录),设置Main application file(启动项文件)创建project
  • 6. (本页无文本内容)
  • 7. 设计程序可视页面的界面布局和皮肤 提取页面布局的所需要的控件、组件 每个可视化控件是一个2种类型的组件,他们是由Flex类库组成,另一种类库是Container,也就是常说的容器设计页面版式
  • 8. Observer模式的意图是“定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都得到通知并被自动更新”。从这段话里我们可以得到两个信息,如下: 1, 观察者(具体执行操作的对象,有多个) 2, 被观察者(顾名思义是被观察的对象,如果该对象发生某些变化则通知观察者执行对应的操) 事件机制
  • 9. http://examples.adobe.com/flex3/componentexplorer/explorer.html http://www.adobe.com/devnet/flex/ http://flex.org/ Flex 的相关资源
  • 10. 捕获事件(从根节点到子节点,检测对象是否注册了监听器,是则调用监听函数) 目标阶段(调用目标对象本身注册的监听程序) 冒泡阶段(从目标节点到根节点,检测对象是否注册了监听器,是则调用监听函数) 注:事件发生后,每个节点可以有2个机会(2选1)响应事件,默认关闭捕获阶段。 事件流
  • 11. 数据绑定:当数据源对象的数据发生变化时,目标对象的数据会自动更新,而不需要我们再编写代码去强制更新 绑定实际也是借助事件机制来完成的,当目标使用了数据绑定的时候,目标对象就会监听数据源对象的某一固定事件。当数据源发生变化时,数据源会派发改变事件(ChangeEvent),通知目标对象更新数据。这个过程由Flex完成,不用我们手动干预。 绑定的前提条件:源对象的数据和目标对象的数据格式相同。 数据绑定
  • 12. 调试
  • 13. bin-debug目录包含一个history目录,这个目录包含一些程序自动生成的文件,我们来关注两个和源代码相同文件名的文件,分别为HelloWorld和TravelRequest,并且扩展名为html和swf。 点击File-Export->Flex Project Archive,然后弹出以下对话框 导出程序
  • 14. (本页无文本内容)
  • 15. (本页无文本内容)
  • 16. (本页无文本内容)