Flex 3 基础教程.ppt

Flex 3 基础教程（1）——简介、安装和开发环境 Adobe Flex 3 简介 什么是Adobe Flex？ Flex Builder 3 教程 使用Flex Builder 设计视图 Hello World应用程序 程序结构解析 什么是Flex 3 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 Application 用FLASH .swf文件格式封装的发布在HTML网页中的应用程序 需要在客户端安装Flash Player 9 开发者可以完全访问Flash绘画API 应用程序使用ActionScript 3 -兼容Flash CS3和ActionScript3编写的文档 如何创建Flex应用程序 步骤如下： 选取预定义的可视化组件 在用户界面上添加组件 使用styles和skins自定义应用程序界面 增加事件处理和脚本处理代码，控制应用程序行为 连接数据和通讯服务 Build和Run应用程序 Flex 的相关资源 /flex3/componentexplorer/explorer.html /devnet/flex/ / Flex 3基础教程（2）—ActionScript 3语法和类库 （哀悼地震中的亡灵，天堂里没有地震，一路走好！） ActionScript 3 语言基础 mx:script…/mx:script trace（）函数 ![CDATA[…..]] package import public protected private internal static function定义 const ActionScript 3 语言基础 extends interface 字符串 数字计算 数组 类型转换 ActionScript 3 语言基础 if switch for for..in for each…in while do…while beak continue Flex 3 基础教程（3） —Flex 3事件机制 观察者模式(Observer) 什么是观察者模式？ 生活中的观察者模式（好莱坞原则、订阅报纸、房产中介…） AS3中事件例子: button.addEventListener(“click”,onClick); internal function onClick(evt:MouseEvent):void{ txt.text=“click a button!”; } 事件机制类继承图 事件流 1.捕获事件（从根节点到子节点，检测对象是否注册了监听器，是则调用监听函数） 2.目标阶段（调用目标对象本身注册的监听程序） 3.冒泡阶段（从目标节点到根节点，检测对象是否注册了监听器，是则调用监听函数） 注：事件发生后，每个节点可以有2个机会（2选1）响应事件，默认关闭捕获阶段。 IEventDispatcher接口 addEventListener( ) 注册事件监听器 removeEventListener( ) 移除事件监听器 dispatchEvent( ) 派发事件 EventDispatcher类，见参考手册 addEventListener addEvnetListener(type:String,listener:Function,useCapture:Boolean=false,priority:int=0,useWeakReference:Boolean=false) removeEventListener(type:String,listener:Function,useCapture:Boolean=false) Event对象 Event 类作为创建 Event 对象的基类，当发生事件时，Event 对象将作为参数传递给事件侦听器。 MouseEvent KeyboardEvent 查参考手册 如何自定义事件 1.创建自定义事件名称的Event dispatchEvent(new Event(“myEvnet”,true,false); 2.创建自定义事件类 Public class MyEvent extends Event{ …. } 拖