FLEX从浅入深简单教程.docx

FLEX从浅入深简单教程Flex的基本概述Flex开发工具以及创建Flex项目Flex基础语法以及HellowWorldFlex桌面制作简易图形Flex简易控件的使用Flex控件皮肤的使用Flex读取HTML简易浏览器Flex控件拖动技术Flex的基本概述Flex是Adobe公司推出的一系列工具和技术，使开发人员可以开发和部署可升级的富互联网应用程序（RIAs）。Flex提供了一种现代的、基于标准的语言来支持公共模板设计、客户端运行环境、编程模型、开发模型和高级数据服务。富互联网应用程序（RIAs）是指像使用Web一样的简单方式来部署富客户端程序。这种程序具有比HTML更加健壮、反应更加灵敏和互动性更丰富的特点。传统的基于HTML的应用程序部署成本低、结构简单、简单易学。很多用户和开发人员于是放弃了现代高性能计算机能带来的用户体验，转而追求数据的快速访问，从而丧失了一些重要的UI功能。RIA利用相对健壮的客户端描述引擎。RIA的另一个好处是：数据能够被缓存在客户端，从而可以实现一个比基于HTML的响应速度更快且数据往返于服务器的次数更少的用户界面。Flex是Adobe公司近两年推出的重量级产品与技术。Flex的出现就是为了高效地开发和部署富互联网应用程序。Adobe公司对于Flex采取了开源的策略，所以开发者可以在Flex原代码的基础上修改。新版Flex 4中的开发环境已经更名为Flash Builder，而不再是Flex Builder系列。Flex采用事件驱动机制，程序的执行过程严格按照事件发生的时间顺序执行。本节将介绍为读者Flex开发技术的特点、优点和新特性。Flex可以在企业内部或在 Web 上创建富互联网应用程序（RIA），堪称最完整、最强大的RIA开发解决方案。它使企业能够创建个性化的丰富多媒体应用程序，极大地提高用户的体验，彻底革新人与 Web 的交互关系。1．增强用户体验2．完善的开发环境3．通用的配置环境4．企业级的特征5．消除页面加载6．标准的架构7．与浏览器兼容Flash与Flex的??Flex和Flash都以ActionScript作为其核心编程语言，并被编译成swf文件运行于Flashplayer虚拟机里。因此Flex也继承了Flash在表示层上先天性的美感、除了视觉上的舒适感外，还天生具备方便的矢量图形、动画和媒体处理接口。　　虽然Flex和Flash有众多的相似点，但是不同之处仍然很多:　　1.尽管公用ActionScript,但是使用的库并不完全相同，更合适的说法是两者使用着两套具有极大“功能重叠”范围的库。　　2.Flash偏向的是美术动画设计师人员，所以更容易发挥特效处理的优势，Flex偏向开发人员，所以容易做出具有丰富交互功能的应用程序。　　3.Flash只能以ActionScript脚本的形式开发（舞台被关联到一个称之为 document class的类里），另外舞台元素也是可以绑定脚本的，不过从软件工程的角度讲不建议这样用，Flex还可以使用称作mxml的标记语言来描述应用的外观和行为，mxml中可以直接嵌入ActionScript脚本。　　4.由于第三点而造成的两者市场定位不同，Flex是面向企业级的网络应用程序，Flash则面向诸如平面动画、广告设计等多媒体展示程序。　　5.Flash的编程模型是基于时间轴的，Flex的则是基于窗体，虽然它运行在网页里Flex开发工具以及创建Flex项目Adobe Flash Builder 4是一款由Adobe公司开发的软件。它可以帮助软件开发人员使用开放源?Flex?框架快速开发跨平台富 Internet 应用程序 (RIA) 和内容。它包含对智能编码、调试及可视设计的支持，提供功能强大的测试工具，这些工具可以提高开发速度并创建出性能更高的应用程序。开发者使用两种语言来写Flex应用程序：MXML和ActionScript。MXML是一种XML标识语言，用于进行组件布局。MXML中的组件包括了可视组件和非可视组件。非外观组件可以是从服务器中读取的数据源或用户组件绑定至服务器中的数据。（以下将以Actionscript为主）Flash Builder 4安装完毕后，我们线创建一个Flex项目:（1）选择“文件”|“新建”|“Flex项目”命令，弹出“新建Flex项目”对话框。（2）在“项目名”文本框中输入项目名称，“应用程序类型”中有2个选项。（Web：在adobe flash player 中运行； 桌面：在adobe air中运行）（3）在“主应用程序”文本框中输入默认项目启动的文件名，其他可默认。单击“完成”按钮，完成项目的创建（4）在完成Flex项目创建后，软件自动会生成一个MXML文件，同时也可以新建Actionscript文件进行编