1、Flex技术概述,Adobe公司简介 Adobe公司主要产品 Flex Builder3 Flash Builder4,Adobe公司简介,Adobe Systems Inc. 始创于 1982 年，目前是广告、印刷、出版和Web领域首屈一指的图形设计、出版和成像软件设计公司，同时也是世界上第二大桌面软件公司。公司为图形设计人员、专业出版人员、文档处理机构和Web设计人员，以及商业用户和消费者提供了首屈一指的软件。使用 Adobe 的软件，用户可以设计、出版和制作具有精彩视觉效果的图像和文件。,Adobe公司主要产品,Adobe Photoshop1990年推出数字影像编辑和创作的行业标准，P
2、hotoshop数字影像系列产品的领袖。 Adobe Premiere Pro1991年推出数字图像和音频编辑软件，功能强大、图形逼真、支持实时操作。 Adobe After Effects1993年推出数字视频创作行业中不可缺少的动画和视觉效果工具。Macromedia Flash 1997年推出业内最先进的互动内容创作环境，用于交互网站、交互数字体验和高冲击力的移动内容的创作。Macromedia Dreamweaver 1997年推出业内领先的网络开发工具，使用户更有效地设计、开发和维持基于标准的网站和应用。,Adobe公司主要产品,Adobe InDesign1999年推出专业排版设计
3、软件，提供更加迅捷的生产流程、更流畅的创作环境和更先进的图形和印刷技术。 Macromedia Studio 2002年推出设计、开发和维护网上互动体验的主要套件 。 Adobe Creative Suite 2003年推出为平面、网络和移动内容的创作提供统一的创作环境，将创意软件的整合提高到了新的层次。 Flex系列软件 Flex系列RIA系统级软件自2003年开始。为企业应用程序创建更丰富、相应更佳的表现层。,Flex Builder3,Flash的难题 Flex3简介 Flex的技术特点,Flash的难题,传统的HTML应用程序功能单一、人机交互性差、安全性能不高。随着RIA（Rich
4、Internet Application)技术的不断发展，Web开发有了新的发展分支，即包含丰富用户体验的应用程序。最早的RIA应用程序大多由Flash开发工具制作。RIA程序的效果非常理想，且可运行于不同平台中，但Flash工具的特点决定了它不适合开发大中型RIA程序。其一，Flash工具是专业拥有制作动画的开发平台，适合于开发时间逻辑较强的程序。其二，Flash工具倡导DIY精神，只提供最基础的组件，所以几乎所有的任务都要自己完成。,Flex3简介,Flex3的出现解决了Flash技术的大部分问题。使用Flex技术开发部署RIA应用程序非常简单。由于Flex技术基于MXML标准、CSS标准
5、、XML标准、ActionScript3.0标准，所以开发过程更规范、应用程序更容易扩展。Flex技术中提供丰富的组件，使得Flex开发人员只需要将注意力集中于业务逻辑开发。另外，Flex编程是面向对象的编程，开发过程与大部分编程语言相似，所以其他语言开发人员可以较容易地理解和掌握Flex。,Flex3简介,RIA利用相对健壮的客户端描述引擎。这个引擎能够提供内容密集、响应速度快和图形丰富的用户界面。其另一个好处是，数据能够被缓存在客户端，从而可以实现一个比基于HTML的响应速度更快且数据往返于服务器的次数更少的用户界面。对于无线设备和需要偶尔连接的设备来说，RIA应用程序是未来的趋势，并且会
6、逐渐原理基于文本的Web客户端。对于那些运行在移动设备上的应用系统，可以被设计成以离线方式工作，这样当连接丢失时，系统仍能以离线方式工作,Flex3简介,Flex是Adobe公司近两年推出的重量级产品于技术。在Flex出现之前，富户联网应用程序（RIA）是由Flash8.0或Flash CS3开发的。Flash系列工具在制作动画上有着强大的优势，但是在开发和部署富户联网应用程序时就不是那么高效。Flex的出现 解决了这一问题。Flex具有完善的开发环境,开发者可以快速高效地开发富户联网应用程序。,Flex的技术特点,1.增强用户体验Flex使开发人员可以创建一种能增强用户体验的应用程序。传统的
7、基于HTML的应用程序的用户体验只停留于点击、拖拽、查看等简单方式上。富户联网应用程序的用户体验包括丰富的图形界面、图标、进度表以及强大的交互性和实现性。当用户进入一个迷人的用户体验时，用户会知道怎么实用该程序，从而更快地完成一项任务或者找到想要的消息。,2.完善的开发环境Flex是用来创建和发布企业级的、通过网络的富互联网应用程序（RIA)的强大的应用程序开发方案。Flex提供了现代的标准的语言和程序模型。支持公共设计模板，包括集成开发环境（IDE）产品。Flex Build是开发Flex的利器，由Eclipse团队开发，开发环境与Eclipse相似。,Flex的技术特点,Flex的技术特点
8、,3.通用的配置环境Flex应用程序在Flash Player9下执行。可以说Flash Player是RIA应用程序运行的载体，不论Flash程序还是RIA程序都运行与Flash Player。Flash Player具有跨平台行，可运行于Windows系统，Mac系统、Linux等系统。全球98%的电脑都安装了Flash Player。所以使用Flex开发的应用程序能跨平台的运行于几乎全部的桌面电脑中。另外，由于Flex应用程序在Flash Player中运行，其效果由Flash Player解释，所以不论在何种客户环境中效果都是一样的。,Flex的技术特点,4.企业级的特征开发人员可以使
9、用Flex Data Services、Fluorine、WebService等服务来处理同步数据和支持实时数据。客户端缓冲和消息传递的能力能使更多的应用程序在网络连接断开时也能继续执行程序。允许多用户在浏览器的不同区域操作或者在同一个应用程序中通话。Flex应用程序与外部的Flex应用程序、本地浏览器和RIA应用程序等进行通信。,Flex的技术特点,5.消除页面加载应用程序会先将RIA应用程序进行缓冲下载，这样执行应用程序就像执行本地程序一样，而不是一系列的链接页面。Flash Player管理客户端接口就像管理一种单一的、不间断的流。当客户端从一个场景到另一个场景时不需要页面从服务器加载，
10、从而减小了服务器负担。,Flex的技术特点,6.标准的架构MXML是对XML的扩展，基于W3C DOM3的子集规格来实现事件模型。可用CSS1（层叠样式表）来实现样式。Flex3.0中使用ActionScript语言。ActionScript是欧洲计算机制造商协会（ECMA）制定的标准脚本语言，用以支持基于对象的开发。,Flex的技术特点,7.与浏览器兼容不论是IE浏览器、FireFox浏览器或是MyIE浏览器都支持Flash Player运行。网络应用程序需要在所有浏览器和平台下运行效果一致。Flex以Flash Player标准为客户端环境，可以保证在所有的平台和浏览器下得到相同的效果。,
11、Flex3.0的新特性,1.增强风格设计Flex2.0中对风格的设计需要用户手工编写代码。Flex3.0中新增skin导入向导、样式属性检查、视觉CSS编辑器等辅助工具，来帮助用户快速进行外观设计。,Flex3.0的新特性,2.增强数据功能Flex3.0中增强了DataGrid组件功能、图表功能。同时新增数据导入向导、列表数据效果。其中数据导入向导可以方便地在应用程序中加入SQL Server、MySQL等数据库数据。,Flex3.0的新特性,3.新增Adobe AIR应用程序AIR技术使得富户联网应用程序开始桌面化，这是Flex3.0的一次变革。由于AIR应用程序允许访问本地资源，所以可以做
12、很多有关本地操作的工作。例如，读写文件读写流，操作本地的SQL数据库。AIR技术推出的同时必然新增了许多类与数据类型，同时也新增了许多对系统API的支持。,Flex3.0的新特性,4.新增多窗口功能传统的RIA应用程序只运行于Flash Player中，是单窗口式的。AIR应用程序推出后，允许应用程序使用多窗口。,Flex3.0的新特性,5.增强与后台服务器的交互Flex3.0作为客户端应用程序，不能直接对服务器进行处理。Flex3.0可通过PHP、LiveCycle Data Services、ColdFusion和Asp.Net等技术与后台服务器交互。另外，Flex3.0的新建工程向导中可
13、选择要使用的服务器端技术，从而直接在网络中部署Flex应用程序。,Flex3.0的新特性,6.可集成HTML、Javascript和AjaxFlex3.0中新增HTML组件，该组件允许应用程序访问HTML页面。这样，Flex3.0就可以集成HTML、Javascript和Ajax等Web开发技术，从而开发出更加丰富的网络应用技术。,Flash Builder4,Flash Builder4的十大变化,Flex4的十大变化,1.集成Adobe CatalystFlex 4的一个主要特性就是提供了对Adobe Catalyst（Adobe新的设计工具，用于创建富Internet应用而无需编写代码）
14、集成的支持。Catalyst改变了开发者与设计者协作的方式，因为它清楚地知道应用开发者与设计者之间工作方式的显著差异。这样开发者与设计者都能专注于自己所擅长的领域，凭借Catalyst，无论开发者还是设计者都能按照自己所习惯的方式进行工作。Flex 4中的很多变化都是围绕着Flex与Catalyst的集成进行的。,Flex4的十大变化,2.Spark组件架构Flex的每个版本都包含了完整的组件库，其中含有用于构建应用的通用组件，如数据表格、按钮及布局容器等等。Flex 4的底层组件架构名为Spark，而在Flex 3中则叫做Halo。为了支持Catalyst，Flex 4更新了底层的组件模型以
15、达到松耦合的目的。在新的Spark组件模型中，核心逻辑、皮肤以及布局都被分开了，这样我们就能单独处理其中任意一部分而又不会影响到其他部分。Spark组件模型构建于 Halo组件模型之上，这意味着Spark扩展了Halo的核心基类UIComponent，这样我们就能以增量的方式使用Flex 4，同时还能将Flex 3组件应用在Flex 4应用中。除此以外，Flex 4还对效果（effect）进行了增强。现在可以将效果应用在任意的对象和类型上，这么做提升了其灵活性。Flex 4的效果由新的“spark.effects”包实现。就像新的组件库一样，Flex 4的效果也被重新实现了，但却并没有对Fle
16、x 3的效果进行任何变更，这么做的目的是为了保持向后兼容。,3.MXML 2009MXML基于XML，构建于Flash Player所用的编程语言ActionScript 3之上。MXML用于对用户界面和支持工具（比如说IDE，现在是Catalyst了）的视图区域进行布局。MXML 2009包含了大量更新以对不同的行为（核心、皮肤和布局）进行解耦，同时还提供了新的组件库。现在Flex 4的组件在其自己的包中（ponents）得以实现，同时又没有对Flex 3的组件进行任何变更，为此MXML 2009专门提供了一个新的命名空间以提供支持。,Flex4的十大变化,4.对View States的改进
17、Flex 2将状态（states）概念引入到了Flex框架中，这样我们就可以通过简单的状态改变来管理视图组件的变化。Flex 4改进了视图状态（view states）以简化其语法，这样我们就能更轻松地使用他们了。新语言属性includeIn和excludeFrom就是简化语法的一个例子，我们可以设定组件的这两个属性值以响应状态变化,Flex4的十大变化,5.FXG支持 Flash Player的核心是个绘图引擎。Adobe在Flash Player 10中引入了FXG，现在又将其引入到了Flex中。FXG是个声明式的图形格式，可以在工具间传递内容，这意味着设计者可以在Catalyst或CS4
18、 Illustrator中创建内容，接下来Flex应用开发者就可以将其导入并使用而无需修改任何内容。,Flex4的十大变化,6.皮肤增强 Spark组件模型最大的变化在于对皮肤的颠覆性改造，现在皮肤可以控制组件的所有可视化部分，同时还将逻辑封装到了组件核心之外。这样我们就可以对组件的可视化部分进行独立修改而不会影响到底层的核心逻辑。,Flex4的十大变化,7.更新的布局组件熟悉Flex开发的人可能会注意到Flex 3中的大多数容器都已经不在Gumbo组件库中了。这是由于布局已经被解耦了，现在我们需要通过代理（delegtion）来处理他们。因为大多数 Flex 3容器仅仅就是为了提供不同的布局
19、样式（比如说用于水平布局的HBox，用于垂直布局的VBox等等），因此现在他们已经没什么用了。,Flex4的十大变化,8.Flash Builder4 Flash Builder 4（之前叫做Flex Builder）是面向应用开发者的最新的Eclipse IDE。该新版本带有众多更新，包括条件调试断点、更多的重构工具并支持FlexUnit 4。一如往常，它还包括MXML、ActionScript 3、可视化设计器以及Flex性能与内存分析器（只有专业版才有该性能分析器）。除此之外，该最新版还提供了高级的数据管理特性以简化数据为中心应用的开发。这包括客户端的数据管理特性，它可以处理CRUD操作
20、以及在大集合中进行滚动。,Flex4的十大变化,9.编译器性能几乎每个Flex 3开发者心中都有一个痛糟糕的编译器性能。基于此，Gumbo的一个主要目标就是改进Flex 4中的编译器性能。虽然官方尚未发布性能基准，但来自Adobe的Peter Donovan根据自己所作的一些试验对其进行了测试，结果表明新的编译器性能提升了25%。他说要想将性能提升3到4倍只能进行重新设计。当然了，每个企业级Flex应用的开发者都希望今年底Flex 4正式发布时能实现这一点。,Flex4的十大变化,10.新的文本功能Flash应用（无论是Flex还是非Flex应用）的一个主要议题就是高效处理文本的能力。在Flash Player 10中，Adobe引入了全新的文本引擎以支持RIA的需要（多语言、打印以及键盘快捷键等等）。Gumbo引入了大量新的文本类（RichText、 SimpleText等等）以在Flex框架中提供更健壮的文本支持。除此以外，Adobe正在全力开发新的Text Layout Framework以赋予ActionScript 3开发者利用Flash Player文本引擎的能力。,Flex4的十大变化,
