Flex说明资料.ppt

FLEX简介 FLEX是什么？ Flex和Flash的关系？ FLEX程序开发的通常步骤 FLEX应用程序的元素 Flex的编译和发布 MXML、ActionScript、CSS、DB服务访问 ●FLEX是什么？ ?Adobe开发的，以Flash Player为前台的一种富互联网应用。 （Rich Internet Applications 缩写为RIA） ●Flex和Flash的关系？ ?Flex是简化了桢概念的Flash。 Flash是面向designer(设计者)的。(动画美工) 编程模型基于时间轴。界面的动画概念和程序员格格不入。 Flex是面向developers(开发者)的。(程序员) 编程模型基于窗体。为了吸引jsp/asp/php程序员，Flex用简单的mxml来描述界面，和html非常相似。 FLEX详细 基础组件说明 画面布局 绑定机制 内嵌组件 自定义组件 事件 效果(effect) DB服务访问组件 FLEX高级 Flex的异步性 validator实现数据验证 SharedObject Localconnection ActionScipt与JavaScript FLEX总结 下面的文档可以解答Flex的几乎所有问题。 Adobe_Flex_2_Language_Reference.chm 必威体育精装版网址： /flex/3_cn/langref/ ●DB服务访问组件 URLLoader、httpservice、webservice。 请参看培训资料[Service]下内容，以下为代码片断。 mx:HTTPService id=countriesService url=/states/xml/countries.xml / mx:WebService id=statesServicewsdl=/states/webservice/StatesService.php?wsdl _countriesService = new URLLoader();_countriesService.addEventListener(Event.COMPLETE, countriesCompleteHandler);_countriesService.load(new URLRequest(/states/xml/countries.xml)); ●Flex的异步性：回调函数 ?xml version=1.0 encoding=utf-8? mx:Application xmlns:mx=/2006/mxml layout=vertical mx:Script![CDATA[ import mx.controls.Alert; private function onClick():void{ Alert.show(Alert 1,,4,null,showNextAlert); // Alert.show(Alert 1); //error // Alert.show(Alert 2); //error } private function showNextAlert(event:Event):void{ Alert.show(Alert 2); } ]]/mx:Script mx:Button label=Show Alert fontSize=20 width=300 height=50 click=onClick()/ /mx:Application ※避免书写绿色的代码，那样会造成执行顺序的混乱。showNextAlert为回调函数，在Flex中被广泛使用，是用来保证逻辑被顺序执行的主要手段。 ●Flex的异步性：callLater() ?xml version=1.0 encoding=utf-8? mx:Application xmlns:mx=/2006/mxml layout=vertical mx:Script![CDATA[ import mx.controls.Alert; private function onClick():void{ this.callLater(function():void{ debug.text = debug.text + 1 + \n; }); debug.text = debug.text + 2 + \n; } ]]/mx:Script mx:Button label=Test CallLater fontSize=20 width=300 height=50 click=onClick()/ mx:TextArea id=debug widt