Flex技术基础培训幻灯片.ppt

FLEX技术基础培训 方腾飞 Main_shorttime@163.com 什么是FLEX? 是Adobe公司推出的一系列框架和技术，使开发人员可以开发和部署RIA程序（flash程序）。 是用于构建和维护在所有主要浏览器、桌面和操作系统一致地部署的极具表现力的 Web 应用程序的高效率的开放源码框架。 为什么要用FLEX? 增强用户体验。 消除页面加载。 与浏览器兼容。 完善的开发环境。 强大的组件库。 页面展现层的RIA解决方案。 如何学习FLEX? 学习Flex自带的demo 在FlexIDE\sdks\3.1.0\samples\explorer下，需要先运行build.bat。 Flex IDE的Help Content,可以查看Flex所有的API。 多写代码。 谷歌和百度。 FLEX的原理 MXML Action Script SWF Mxml是flex的标记语言，用来描述界面，同Html非常相似，而且mxml更加规范化和标准化。 Mxml最终会被编译器解析为Action Script,然后生成flash的swf文件。 说白了，我们写的代码最终会编译成flash。 Mxml使用 flexSdk进行编译。 mx:Button label=hello world“ / HELLO WORLD FLEX 下载Flex Builder或者安装Eclipse的Flex插件。 新建HelloWorld的Flex工程。 编写HelloWorld.mxml文件。 ?xml version=1.0 encoding=utf-8? mx:Application xmlns:mx=/2006/mxml layout=absolute mx:Button label=hello world“ / /mx:Application ACTIONSCRIPT3.0 Action Script是Flash的脚本语言,与JavaScript相似，Action Script是一种面向对象编程语言。 ActionScript3.0是运行与Flash player的编程语言，使用新的ActionScript虚拟机AVM2。AVM2使用新的二进制指令集，并在性能上有很大改进。 Actionscript3.0代码被Flex Builder或flash中的编译器编译成二进制数据，然后装入swf文件，运行于flash player运行环境中。 ACTIONSCRIPT的语法 语法类似于JavaScript和Java。 public class ClearTextInput extends TextInput { public var defultTextColor:String = “#FF0000”; //定义变量使用var private var clearButton:Button; private var _defultText:String = “请输入...“//String类型 public function ClearTextInput()//构造函数 { super(); } private function clearButton ():void{//定义方法必须使用function this.text = ; clearButton.visible = false; } } 特有语法 动态类的作用是在程序运行的时候，可以动态增加或者修改类的属性。用关键字dynamic来标识。 Public dynamic class NotebookExample； Is用于判断变量类型是否一致，类似于Java的instance of。 A is String； Dictionary类似于java中的map。 Public var users: Dictionary ； 访问器和设置器，get 和 set。 Public function set userId(userId:String)； 其他的语法基本和java差不多，如int，String,Array,extends,static,void。 HELLO WORLD ACTIONSCRIPT 可以通过标签加入到Mxml文件里。 mx:Script ![CDATA[ import mx.controls.Alert; private function helloWorld():void { Alert.show(hello world!); } ]] /mx:Script 可以引用外部的Script，只是将代码块抽出去。 mx:Script source= FLEX中的组件 Flex的组件非常丰富，这些组件在Sdk里都有例子。但是要完成企业级应用还是需要