《flex开发学习》由会员分享，可在线阅读，更多相关《flex开发学习（12页珍藏版）》请在金锄头文库上搜索。
1、开发 Flex 应用程序的典型步骤如下（通常是这样）：1. 选取一系列预先定制好的、用于设计应用程序界面的组件（如表格、按钮等等）2. 布置组件以设计用户界面。3. 使用样式和主题来增强视觉方面的设计。4. 添加动态行为（例如程序部件之间的相互作用）。5. 定义并连接所需的数据库服务。6. 将源代码编译成SWF 文件，然后在Flash Player 中运行。Json 格式的数据交互package com.tangimport mx.controls.Alert;import tt.Amf;import tt.util.JAVAInterFace;public class Test3public
2、 function Test3()public function test1(param:String , callback:Function):voidvar amf:Amf = new Amf();tryamf.ConnectRemotingV(tt.util.JAVAInterFace.url,test.Test3.test,callback,param);catch(e:Error)Alert.show(e.getStackTrace();finally在没有封装as 时的交互?xml version=1.0 encoding=utf-8?mx:Application xmlns:mx
3、=http:/ layout=verticalcreationComplete=jsonservice.send()mx:Script!CDATAimport mx.rpc.events.ResultEvent;import com.adobe.serialization.json.JSONDecoder;private function onJSONResult( event:ResultEvent) : void var data:String = event.result.toString();data = data.replace( /s/g, );var jd:JSONDecoder
4、 = new JSONDecoder( data );dg.dataProvider = jd.getValue();/mx:Scriptmx:HTTPService id=jsonserviceurl=http:/localhost:8080/jsp-examples/flexds/json.jspresultFormat=text result=onJSONResult(event) /mx:Panel title=Stock Data width=100% height=100% mx:DataGrid id=dg width=100% height=100%mx:columnsmx:D
5、ataGridColumn dataField=compa /mx:DataGridColumn dataField=compb /mx:columns/mx:DataGrid/mx:Panel/mx:ApplicationFlex数据绑定 现在数据库或是某个文件里有一些数据需要显示在界面上该怎么办呢？我们的目的就是将这些数据设法放到界面上去可以显示出来，这个将数据放到界面上去的过程可以叫住Flex数据绑定。在Flex应用中程序中，Flex数据绑定的实际是借助事件机制来完成的，当目标使用Flex数据绑定的时候，目标对象就会监听数据源对象的某一固定事件。当数据源发生变化时，数据源会派发改变事件通
6、知目标对象更新数据。实际开发中我们不需要去关注具体的实现过程，这个过程Flash/Flex会自动去完成。在Flex中，Flex数据绑定主要有四种方式，分别为：绑定表达式、Bindable绑定符号、标签和BindingUtils动态绑定，下面一一对这四种Flex数据绑定方式进行详细介绍。一、绑定表达式Flex开发中，绑定表达式的应用是最为常见的，简单、方便。好比ASP.NET中的一样的功效。这里我就简单介绍下，在Flex下怎么使用绑定表达式来绑定数据。如有这样一个简单的需求，我们定义一个变量，通过绑定表达式将变量的值绑定到文本框或是按扭等类似的UI组件上，变量定义如下：1 2 6 如上定义了一个
7、字符串的变量text，我们通过绑定表达式将其绑定在UI组件上呢？如下：1 2 3 简洁、简单、方便且适用。OK，已经学到手了，那下面继续看看另一种绑定使用方式-绑定方法返回值。例如需要将一个方法的返回值通过绑定表达式进行Flex数据绑定，让其在UI组件上呈现该怎么做呢？如下方法定义：1privatefunctionBindText():String 2 3return通过表达式绑定方法！; 4 其实和上面一样，直接将里的变量改为方法便OK，如下代码段：如上便完成了对方法的绑定，既将BindText()方法的值绑定在了Label组件上。二、Bindable绑定符号Bindable绑定符号在上面就
8、已经出现过了，他的使用和作用也很容易掌握。如上示例，我们的目的是将定义的变量值绑定在UI组件上，如果要实现这个功能，直接将定义的变量通过绑定表达式进行Flex数据绑定是不能完成功能的，我们必须为所定义的变量标记Bindable。在Flex中，只有标记有Bindable的数据源才能进行Flex数据绑定（函数除外，上面示例中也证实了这一点），当然也可以是其他的数据源（xml,数据库,文件等不同地方不同类型的数据源）。上面这样使用确实很简单，但还是需要更加深入的了解Bindable。当指定了Bindable的数据源发生改变的时候，仍然是通过所监听的事件方法来处理的“通知”，默认为propertyCh
9、ange事件。如之前定义的变量text，那么完整的定义应该如下所示：1Bindable(event=propertyChange)2internalvartext:String=嗨，这是通过表达式绑定的!;“propertyChange”事件为默认事件，通常我们只需要使用简写形式Bindable就OK了。除此之外还需要注意两点（这里就不做介绍，在后续文章里我会详细介绍）：1、Bindable标签用于函数时，只能在setter和getter方式定义的函数前使用，这种绑定称之为函数级绑定。2、Bindable标签用于公有类时，这个类的所有公共变量，setter和getter方式定义的函数都可以用于绑定。这种绑定称为对象级绑定。三、标签标签也是使用非常频繁的Flex数据绑定方式。到底怎么个用法呢？下面以两个小示例使用不同的数据源来进行Flex数据绑定演示。首先用标签定义一个数据源（标签就相当于的定义一个临时数据，这里不做详细介绍，不清楚它的作用的朋友请查阅相关资料学习）。标签定义数据源如下：1mx:Modelidmx:Modelid=books
