2014年Flex课件.pptVIP

Adobe Flex 课程 富互联网应用程序RIA(Rich Internet Application) RIA将桌面应用程序的强交互性与传统Web应用的灵活性结合起来，为用户带来全新的体验。 RIA的富客户端采用异步方式和服务端通信，这是一种安全、具备良好适应性的服务器运行模式 Macromedia公司于2001年初创造了Rich Internet Application这个词语 Flex发展历史 2004年3月正式退出Flex1.0，这是RIA思想付诸实施后诞生的产品，是为RIA开发量身定做的强有力的工具。 什么是Flex？ Flex 是 Macromedia发布的presentation server（展现服务），它是java web container或者.net server的一个应用，根据.mxml文件（纯粹的xml描述文件和actions cript）产生相应得.swf文件，传送到客户端，由客户端的flash player或者shockwave player解释执行，给用户以丰富的客户体验。 为什么还需要flex呢？ 运用Flash是完全可以做到flex的效果的，为什么还需要flex呢？我理解这里面有两个原因： 1、为了迎合更多的developers（开发者）。Flash天生是为了designer（设计者）设计的，界面还有flash的动画概念和写程序的开发人员格格不入，为了吸引更多的jsp/asp/php等程序员，Macromedia推出了Flex用非常简单的.mxml来描述界面和jsp/asp/php程序人员使用.(x/d)html非常相似，而且mxml更加规范化、标准化。 为什么还需要flex呢？ 2、为了一个标准。大家一定听说过微软Silver Light，在Silver Light推出的同时微软也会推出新的语言xaml，一种界面描述语言，与之相应的就是smart client和flex非常相似的东西。Mxml和Xaml的也很相似 Flex基本概念 一个Flex应用程序有ActionScript和MXML两种语言代码组成。从3.0开始ActionScript已经从基于原型脚本语言进化到完全面向对象的，强类型的符合ECMAScript标准的脚本语言。 MXML则是一种标记语言，非常类似于大家所熟悉的超文本标记语言(HTML)，扩展标记语言(XML)。 如何把MXML和ActionScript相互关联起来呢？对于编译器来说，解析这两种语法后最终被翻译成同一个对象，比如： mx:Button id=btn label=My Button height=100/ Var btn:Button = new Button(); btn.label = My Button; btn.height = 100; 用FlexBuilder创建Flex项目 对于开发者来说第一件事就是如何创建一个Flex项目。Flex项目和其他项目有点不一样，因为它需要包含SWC (Flex库) Flex library SWC (不像ActionScript项目) 编译生成的可被Flash播放器执行的SWF文件(不像Flex Library项目)。要想创建项目，在Flex Navigator视图中点击鼠标右键，在弹出菜单中选择New Flex Project，然后会弹出创建项目对话框。 在MXML中添加事件监听器 mx:Canvas xmlns:mx=/2006/mxml width=400“ height=300 mx:Script ![CDATA[ Private function buttonClick():void { trace(Button has been clicked );}]] /mx:Script mx:Button click=buttonClick() label=Click Me/ /mx:Canvas 数组和对象 数组和对象是最常见的存储数据的两种数据类型，可通过ActionScript或在MXML中定义。 要想在MXML中定义数据，是使用mx:Array 标签包裹数组的所有数据项： mx:Array mx:StringFlex/mx:String mx:StringFlash/mx:String mx:StringFlash Media Server/mx:String mx:StringFlash Lite/mx:String mx:StringAIR/mx:String /mx:Array 数组中的所有数据都是通过索引进行访问。在MXML中还可以创建多维数组，如： mx:Array mx:Array mx:StringFlex/mx:String mx:StringFlash/mx: