newFlex基础培训贺刚

Flex的编译过程
• • • • • • MXML to AS 3 CSS to AS 3 AS 3 to ByteCode Assets to SWF ByteCode to SWF SWF 运行于 Flash Player
Flex应用程序 MXML Flex Framework
ActionScript
•
•
•
Flex与Flash区别
• Flash：一种创作工具，设计人员和开发人员可使用它来创建演示 文稿、应用程序和其它允许用户交互的内容。 可以说Flex和AIR可以做到的用Flash都可以做到。只不过Flex SDK和AIR runtime简化了许多工作。对开发人员更加友好。 Flash有时间线的概念，Flash的编程模型是基于时间轴的 而FLEX的SDK则把时间线隐藏了，Flex的则是基于窗体,因此采用 FLEX开发项目的时候就和你用DELPHI,VB,C#那样，直接拖放控件， 编写代码即可，而不是像flash那样，把东西拖放的时间线上。 FLASH9的组件和架构和FLEX的不一样,很多类库也不一样 尽管公用ActionScript,但是使用的库并不完全相同，更合适的说 法是两者使用着两套具有极大“功能重叠”范围的库。FLEX和 FLASH的组件都是从继承flash.display.sprite开始写的 flash.* 开头的类库，基本上FLEX和FLASH都是一样的 ,两者的代码并不通用。 而fl.*开头的是flash独有而FLEX没有的类 而mx.* 开头的就是FLEX独有的类
图片
数据
ห้องสมุดไป่ตู้
CSS
Flex基本架构
Flex与Flash区别
• • 市场定位不同。Flex是面向企业级的网络应用程序，Flash则面向诸如平 面动画、广告设计等多媒体展示程序。 Flex: 1.Flex SDK，基于Flash平台的软件开发包，Flex SDK包含了Web应用程序 框架(framework)和桌面离线应用程序框架(airframework)； 2.Flex Builder，利用Flex SDK开发软件的IDE(Integrated Development Environment 集成开发环境)。 3.基于Flex SDK中的framework，使用Flex Builder开发Web应用程序。 AIR:Adobe Integrated Runtime 1.基于Flash平台的桌面离线应用程序运行环境。 2.基于Flex SDK中的airframework，使用Flex Builder开发桌面离线应用 程序。 Flex Builder不仅仅可以开发Flex应用程序，也可以开发AIR应用程序。 AS3是用来开发这些应用程序的语言，是基础。从Flex和AIR的编译过程也 可以看到这一点（简化版）： 1.将MXML文件翻译成AS3文件 2.将AS3编译成字节码 3.将字节码及其他资源打包进SWF文件
RIA目前的发展趋势
• 由于RIA技术带来的巨大优势，RIA技术得到不断 的推广和进步。而随着RIA技术的发展，出现数 个各具特色的RIA客户端开发技术，推动RIA技术 的发展,4大主流RIA技术。 • 1．Adobe Flash/Flex • 2．Microsoft/Silverlight （不开源） • 3. sun/JavaFX (和swing类似) • 4. Curl （用户太少）
什么是Flex
• 在了解了什么RIA以后，本节开始介绍什么是 Flex。2004年初，RIA技术的主要倡导者 Macromedia发布了Flex。Flex是为满足希望开发 RIA的企业级程序员的需求而推出的表示层服务 器和应用程序框架，它可以运行于J2EE和.NET平 台。Flex具有桌面应用程序的响应性与丰富性， 又具有Web传播范围广的的特性。接下来首先介 绍一下Flex的基本架构。
Flex
• Flex是Adobe公司开发的支持RIA（Rich Internet Applications）开发和部署的技术产 品，主要面向企业级的应用。借助于Flex强大功 能，能够开发出增强更富有交互性和标签的用户 界面。 • 对于初识Flex的开发者，总是对Flex产生不同的 疑问，什么是RIA？什么是Flex？Flex有哪些特 点。本章将带着着这些问题RIA和Flex进行简要 的介绍。
RIA技术概述
• RIA是Rich Internet Applications 的缩写，翻 译为丰富互联网应用程序。RIA的目标是将桌面 程序的表现力与浏览器的程序的方便、快捷结合 在一起。开发者可以在浏览器程序上执行如C/S 客户端的程序，得到比传统HTML更强大的表现力。
RIA的特点
• RIA最突出的特点为“Rich”，同时RIA最核心的部分也体 现在“Rich”中。“Rich”包含了两层含义： • 1．丰富的数据模型 • RIA技术提供了多种数据模型来处理客户端复杂的数据操作。 使用RIA可以将部分原本需要在后台程序处理的问题转移到 客户端，使数据能够被缓存在客户端，从而可以实现一个 比基于HTML的响应速度更快，且数据往返于服务器的次数 更少的用户界面。 • 2．丰富的界面元素 • RIA技术提供了比HTML更为丰富的界面表现元素，密集、响 应速度快和图形丰富的页面元素与数据模型结合在一起， 为用户提供好的使用体验。
• • • • • •
组成
• 1. Flex framework • Flex framework 包含了创建RIA 所需要的所有组件，含在公用 组件库（SWC）文件中。 • 2. MXML • 每个 Flex 应用程序至少包含有一个MXML 文件，它被作为该程序 的主文件。MXML • 是一种标记语言，它是基于XML 的一种实现，用来创建Flex 应用 程序。你可以使用它去声 • 明程序中所使用的标签结构的定义。 • 3. ActionScript 3.0 • 你可以使用ActionScript 3.0 为应用程序添加动态行为，它是基 于ECMAScript 的一种实现，类似于JavaScript。你可以将 ActionScript 作为一个脚本块，在MXML 文件中直接进行 • 添加；或者创建一个单独的ActionScript 文件，然后将它们导入 到MXML 文件中。 • 4. CSS • 你可以通过设置组件的属性（properties）来改变组件（按钮、 列表框等）的视觉样式。