flex技术介绍.ppt

Flex可视化组件 Flex可视化组件指的是Flex内置的图形组件，用于在Flex应用的开发过程中，灵活的构建用户可视化图形界面。主要包括以下3种。 控件（Controls）：按钮、组合框等。 容器（Containers）：存放控件的地方。当然，它也可以存放容器。 图表（Charting）：利用X、Y轴组成的二维图形表达数据。 对于上述组件来来说，他们有如下几个共同的特征： 尺寸（Size）:每一种控件都有自己默认的尺寸。在使用这些控件的时候，可以使用默认尺寸，也可以根据需求改变，还可以在应用运行时，动态改变。 事件（Event）:用户界面的元素，需要对用户的操作做出反应，这就是事件，例如：单击按钮，在运行时动态创建组件等，事件是组件非常重要的组成部分。 样式（Style）:样式是用来显示组件的元件。在Flex中可以利用样式表（CSS，Cascading Style Sheets），设定组件的样式。 行为（Behaviors）:由用户或者应用触发，改变组件的状态。例如，用户使用鼠标拖放组件。 皮肤（Skin）:组件的外观。 通过一个实例介绍felx编程 Flex技术介绍 北京神州数码思特奇信息技术股份有限公司 目 录 felx技术介绍 RIA介绍 As与MXML介绍 remoteobj调用java程序 flex按列讲解 Flex简介 Flex是Adobe公司开发的支持RIA（Rich Internet Applications）开发和部署的技术产品，主要面向企业级的应用。借助于Flex强大功能，能够开发出增强更富有交互性和标签的用户界面。 对于初识Flex的开发者，总是对Flex产生不同的疑问，什么是RIA？什么是Flex？Flex有哪些特点？ RIA是Rich Internet Applications的缩写，翻译为丰富互联网应用程序。RIA的目标是将桌面程序的表现力与浏览器的程序的方便、快捷结合在一起。开发者可以在浏览器程序上部署C/S客户端的程序，得到比传统HTML更强大的表现力。 RIA技术概述 RIA最突出的特点为“Rich”，同时RIA最核心的部分也体现在“Rich”中。“Rich”包含了两层含义： 1．丰富的数据模型 RIA技术提供了多种数据模型来处理客户端复杂的数据操作。使用RIA可以将部分原本需要在后台程序处理的问题转移到客户端，使数据能够被缓存在客户端，从而可以实现一个比基于HTML的响应速度更快，且数据往返于服务器的次数更少的用户界面。 2．丰富的界面元素 RIA技术提供了比HTML更为丰富的界面表现元素，密集、响应速度快和图形丰富的页面元素与数据模型结合在一起，为用户提供好的使用体验。 RIA的特点 互联网日益成为应用程序开发的主要平台。随着Web应用程序复杂性越来越高，传统的Web应用程序已经渐渐不能满足Web浏览者的要求，这就是所谓的“体验问题（Experience Matters）”。RIA的出现，解决了上述问题的新思路。 RIA大致经历了三个发展过程，如图所示。 RIA的产生背景 在了解了什么RIA以后，本节开始介绍什么是Flex。2004年初，RIA技术的主要倡导者Macromedia发布了Flex。Flex是为满足希望开发RIA的企业级程序员的需求而推出的表示层服务器和应用程序框架，它可以运行于J2EE和.NET平台。Flex具有桌面应用程序的响应性与丰富性，又具有Web传播范围广的的特性。接下来首先介绍一下Flex的基本架构。 什么是Flex Flex的基本架构包括4部分，如图所示。 1．Adobe SDK 2．Adobe Flex Charting 3．Adobe Flex Data Services 4．Adobe Flex Builder Flex的基本架构 Flex弥补了许多传统Web应用缺乏的元素，减少了于服务器之间通信的次数，更为详细的展示数据的细节。最适用的应用程序包括：解决多步处理、客户端验证、控制可视数据，使桌面应用和Web应用结合在一起，表现出更强大的表现力。 Flex在解决用户体验困难的同时，也带来了新的特点，具体如下。 1．高效性 2．易用性 3．灵活性 4．全面性 Flex的特点 在介绍Flex工作机制之前，先简要介绍Flex应用程序的组成。一个Flex应用程序通常包含6种元素，如图所示。 1．Flex Framework 2．MXML 3．ActionScript 4．CSS 5．图形资源 6．数据 在 Struts.xml 配置Action Flex工作机制 1．MXML基于XML，是用来描述用户界面的语言。MXML遵循W3C XML标准，所以也可以把MXML看作普通的XML文件。可以使用任何的文本编辑器编写MXML。下面就是