(Flex笔记.docxVIP

Flex 培训1.铺垫Flex的出现是为了迎合开发者，使用的IDE是基于eclipse的，界面很友好，没有了flash中动画的概念，只要专注于代码就能实现flash的可以实现的功能。Flex主要的作用是作为web客户端。Flex 采用的语言是java，项目源文件是mxml，简单易读，将代码和配置融合到一起。比如一个按钮的位置用标签定位，而行为用代码控制。Flash最初的定位是面向美术/view/2055990.htm动画设计师的/view/1201099.htm矢量动画创作工具，并不适合传统的开发人员。于是Flex成为开发者们的首选。2. 基本知识a.入口：mx:Application xmlns:mx=/2006/mxmlwidth=700 height=468 minWidth=0 minHeight=0 applicationComplete=app()backgroundAlpha=0.0 backgroundColor=#FFFFFFfontSize=14 horizontalScrollPolicy=offlayout=absolute verticalScrollPolicy=offxmlns:s=library:///flex/spark 这个标签会创建一个舞台，我们所有的可视的元素都在这个舞台中，舞台创建好之后执行的是app() 方法，public function app():void{}通常会先初始化运行参数var obj:Object = parameters;if (obj[filter] != null){filter = obj[filter];}Parameters对象 就是我们初始化flash时候用 swfobject.embedSWF($!jc.url(/js/test.swf?v=6), myContent, 730, 520, 10.1.0, playerProductInstall.swf, params, { wmode: transparent }); var params = { uploadServerUrl: $!jc.url(picture/savepictures?auth_fix=$!auth), //上|?传??响¨?应?|页°3面?(必à?须?设|¨¨置?) jsFunction: upload, //上|?传??成¨|功|后¨?回?调ì??JS jsSendPictureId: setPictureId, filter: *.gif;*.jpeg;*.png;*.jpg, //上|?传??文?件t类¤¨¤型¨a限T制? getalbumname: getalbumname, // 获?取¨?相¨¤册¨￠名?称?的ì?方¤?法¤?§，ê?直?à接¨?返¤|ì回?相¨¤册¨￠id和¨a相¨¤册¨￠内¨2相¨¤片?数oy目?。?ê给?第ì¨2一°?次??设|¨¨置?封¤a面?使o1用??。?ê getpiccount: getpiccount, maxMemory:900 };这就实现了从初始化环境中获取数据的功能，从而使得程序更加灵活。就算不配置也有默认值。public var filter:String = *.gif;*.jpeg;*.png;*.jpg;public var miniSize:int = 140;//缩略图大小所有的代码都被包含在mx:Script![CDATA[代码书写区]]/mx:Script在这个块中可以导入其他包或者类import mx.events.FlexEvent;import mx.graphics.codec.JPEGEncoder;可以在/mx:Style块中写样式，mx:Style @namespace s library:///flex/spark; @namespace mx /2006/mxml; s|Button#btnSelect { skinClass: ClassReference(ClButtonSkin); } s|Button#btnUpload { skinClass: ClassReference(SendClButtonSkin); }/mx:Style这里#btnSelect 表示id= btnSelect 的按钮使用了外置皮肤，按钮的定义是s:Button id=btnSelect x=257 y=115 width=144 height=38 label=添加照片 click=btnSelect_onclick(event) color=#E9E8E1 fontFamily=Verdana fontSize=16 fontWeight=bold buttonMode=true /可以看到很像