FLEX应用开发简介.pptVIP

内容 1.Flex 简介 2.Flex 的特性和优势 3.Flex 开发环境的搭建 4.Flex 组件概述 5.ActionScript 3.0 MXML 6.Flex 数据通信 7.Flex 开发中的MVC架构——Cairngorm 8.Flex组件行为特效 1.Flex 简介 1. RIA 背景 RIA是富互联网应用程序。RIA的目标是将桌面程序的表现力与浏览器的程序的方便、快捷结合在一起。开发者可以在浏览器程序上部署C/S客户端的程序，得到比传统HTML更强大的表现力。 最终的目标是分担服务端压力，并提高客户端的交互能力和界面展现能力。 2. Flex 背景 第一个为专为UI开发设计的语言 RIAs (Rich Internet Applications )时代的优秀产物 解决“用户体验问题”的一把利剑 面向开发者的Flash应用开发技术 新的Flash开发平台，新的Flash IDE 崭新的Flash (.swf) 应用程序开发技术 可以部署在J2EE与.NET平台上，并达到无缝集成 2.新旧Flash应用开发对比 2.Flex 的特性和优势 1. Flex 特性 矢量界面 强大的编程模型与类库及第三方插件 MXML ActionScript 3 SWC 文件导入 可自定义组件 支持CSS 数据绑定 开发支持调试，Debug 数据访问，低数据量与大数据量通信 AFM 跨浏览器 开源 2. Flex 优势 目前RIA实现基于四种不同的运行环境：Ajax、Flash Player、WPF(Windows Presentation Foundation)、Java， 3.Flex 开发环境的配置 1. Flex IDE结构 Flex 是Adobe发布的开发RIA的工具,包括： |-Flex SDK |----Compiler |----Framework |----Debugging tools |-Flex Builder |----整合的独立的开发包 |----基于eclipse的插件 2. Flex Application 将程序脚本（as3）与其他资源文件(如swc、swf、jpg、png…)封装编译压缩为 swf Flash格式的应用程序。 界面构建一般由MXML脚本完成。 主要业务逻辑处理一般由as3完成。 其运行环境需要Flash player 的支持。 3.如何创建Flex Application 1.使用组件定义用户界面 2.通过Styles和Skins自定义应用程序界面 3.增加事件处理脚本代码，控制应用程序行为。 4.连接数据通讯。 5.Compiler 6.Run 4.Flex 组件概述 1.组件类别 1.容器类组件（Containers） 2.常用的可视化组件（General controls ） 3.数据验证类组件（Validators and formatters ） 4.行为与特效类组件（Effects,view states) 5.可视化数据组件（Data visualization components） 6.其他组件 2.如何使用组件 图形模式，可视化设计 编码模式，as3,MXML 5.ActionScript 3.0 MXML 1. ActionScript 3.0 ActionScript 3.0是一种功能强大的编程语言，语法大致与JAVA相似。 ActionScript的执行是通过Flash Player中的ActionScript虚拟机（ActionScript Virtual Machine）实现的。ActionScript代码通常被编译为字节码，执行时与其他资源以及库文件一同编译进SWF文件，在Flash Player中运行。 2. MXML MXML是由Flex引入的，基于XML MXML是Flex应用程序用于进行用户界面组件布局的语言 也可以通过MXML来定义应用程序的非可视方面，如访问服务器端数据源和用户界面组件与数据源之间的数据绑定 可扩展，可自定义自己的MXML MXML 通过Flex SDK 先编译为as脚本，在编译为字节文件，然后编译进.swf程序文件 6.Flex 数据通信 1. 通信方式分类 1. 低级数据通信 1）HTTPService 2）Web Service 3）URLLoader 4）FileReference 2.高级数据通信 1）BlazeDS 2）LiveCycle Data Services 7.Flex 开发中的MVC架构——Cairngorm 1. Cairngorm原理与结构 2. Cairngorm组成部分 VO(数据对象) ModelLocator(数据模型) View(界面视图) Even