FLEX 技术简介

FLEX技术简介 夏登超12.25

什么是FLEX? • 是Adobe公司推出的一系列框架和技术，使开发人员可以开发和部署RIA程序（flash程序）。 • 是用于构建和维护极具表现力的 Web 应用程序的高效率的开放源码框架。可以做到在所有主要浏览器、桌面和操作系统，一致地部署。

为什么要用FLEX? • 增强用户体验。 • 消除页面加载。 • 与浏览器兼容。 • 完善的开发环境。 • 强大的组件库。 • 页面展现层的RIA解决方案。

FLEX的原理 MXML Action Script SWF Mxml是flex的标记语言，用来描述界面，同Html非常相似，而且mxml更加规范化和标准化。 Mxml最终会被编译器解析为Action Script,然后生成flash的swf文件。说白了，我们写的代码最终会编译成flash。

HELLO WORLD FLEX • 下载Flex Builder或者安装Eclipse的Flex插件。 • 新建HelloWorld的Flex工程。 • 编写HelloWorld.mxml文件。 <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Button label="hello world“ /> </mx:Application> MXML

ACTIONSCRIPT3.0 Action Script • Action Script是Flash的脚本语言,与JavaScript相似，Action Script是一种面向对象编程语言。 • ActionScript3.0是运行与Flash player的编程语言，使用新的ActionScript虚拟机AVM2。AVM2使用新的二进制指令集，并在性能上有很大改进。 • Actionscript3.0代码被FlexBuilder或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来标识。 Publicdynamic class NotebookExample； • Is用于判断变量类型是否一致，类似于Java的instance of。 Ais 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=""> Action Script

SWF

如何学习Flex?（个人观点） • 看书 • 学习Flex自带的官方demo（都是非常小巧精悍的例子）在FlexIDE\sdks\3.1.0\samples\explorer下。（股票分析的例子） • FlexIDE的HelpContent,可以查看Flex所有的API。 • 前面2者交替进行，互相补充。 • 多看，多写代码。（多多关注有名的开源框架，多多阅读和“借用”别人的优秀代码和思想。“拿来主义”。） • 谷歌和百度。 • 交流（bbs blog 学习社区 qq群……）

学习网站

HT7实验总结 本次实验的密度控制由PCS实现，老密度系统只留作备用。实验期间，由于PCS光纤有限，不能满足丁老师程序控制密度的要求，最终用老密度系统和PCS一起工作解决之。PCS负责反馈控制部分，老密度系统完成程序控制部分。

ANYQUESTIONANDTHANK YOU?

FLEX 技术简介