基于flex技术信息展示平台应用探究

《基于flex技术信息展示平台应用探究》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、基于Flex技术信息展示平台应用探究　　摘要摘要：提出了一种基于Flex技术的信息展示平台设计方案。Flex技术具有运行时跨平台、数据模型丰富、与Flash影片剪辑结合紧密等优点。该平台面向数据操作人员和信息展示群体，分别设计开发了两大模块，即数据录入模块和信息展示模块，集功能性和展示性于一体，使信息展示平台更加系统化。关键词关键词：Flex技术；AIR技术；富互联网应用系统中图分类号：TP302文献标识码：A文章编号文章编号：16727800（2013）0110004020引言随着数字媒体技术的不断发展，互动类展示平台的交互形式也多种多样。设计一个交互平台并不难，但要设计出一个能

2、让用户快速掌握浏览规则并能够沉浸其中，非常轻松自如地掌握信息展示内容的平台，这并不是一件容易的事＼[1＼]。互动展示平台不仅仅要满足其基本的功能性需求，最关键的一点就是要具备足够的吸引力吸引用户浏览和阅读，同时操作简单，方便快速上手。1Flex技术Flex技术是目前最流行的RIA（RichInternet7Application，富互联网应用系统）开发技术之一。Flex将基于标准语言和各种可扩展用户界面及数据访问组件结合起来，使开发人员能够快速构建具有丰富数据演示、强大客户端逻辑和集成多媒体的应用程序＼[2＼]。Flex是一个高效、免费的开源框架，可用于构建具有表现力的Web应用程

3、序。这些应用程序运行在AdobeFlashPlayer和AdobeAIR上，运行时跨浏览器、桌面和操作系统，实现一致的部署。使用Flex可以制作精美的动画效果、丰富的交互式效果，具有丰富的数据模型和用户交互体验。1.1Flex技术框架Flex技术框架主要包括FlexSDK、MXML、ActionScript三部分。（1）FlexSDK。这是Flex的软件开发工具包，它包括Flex的基础类库和编译器，其主要作用是负责将MXML和ActionScript有机结合起来，生成客户端浏览器就可以识别的SWF文件，其功能十分强大＼[3＼]。（2）MXML。这种框架是通过基于XML语言来实现的，

4、通过该语言程序来描述浏览器的应用程序界面，MXML标签与ActionScript类或者类中的属性是相对应的。当编译器编译Flex应用程序时就会生成相应的ActionScript类文件，然后被编译成SWF字节码存储到SWF文件中。7（3）ActionScript。是一种脚本语言，用来定义客户所需要的逻辑，以及对程序进行相应的控制。它把Flash所显示的内容和应用程序有机结合起来，实现彼此交互、数据处理等功能，有效地显现了系统的实用价值＼[5＼]。1.2Flex运行原理FlexSDK是将Flex代码编译成SWF文件，然后再部署到相应的浏览器中，通过FlashPlayer在客户端执行SW

5、F文件，就能够达到访问的真正目标。而且，在以Web为主要显示平台的应用中大都使用了Flex的分层结构，遵循MVC（模型/视图/控制器）的设计模式，能够将表现层与业务逻辑层进行有效分离，之后业务逻辑层主要负责业务逻辑的相应处理工作，控制层主要负责处理用户的交互，表现层主要用来负责处理结果的展示＼[4＼]。2实现过程2.1需求分析本设计需求为展示某大专院校建校以来历年的重要事件。事件的信息来源于该校建校以来历年的图片搜集和文字资料汇总，设计目标是能够以便捷的操作、唯美的画面、丰富的信息量，充分展示建校以来的信息内容。2.2信息平台总体功能框架设计7在平台总体功能框架设计方面，笔者从用户

6、的角度出发，设计了两大模块，分别为数据录入模块和信息展示模块。数据录入模块的设计目的是方便数据管理员对数据进行高效率录入和信息整理，主要负责提供图片和对应文字的输入，后台的操作主要以xml文件形式进行动态创建和图片文件的归纳整理。信息展示模块对所生成的xml文件和相关图片资源文件进行动态载入，完成展示信息的功能。总体功能框架见图1。2.3数据录入模块实现数据录入界面采用Flex组件进行开发。在新建的Flex项目中将组件面板中相关的组件拖拽到编辑区进行布局即可。这种操作方式简单又便于界面布局。数据录入端主要以图片和对应文字解说为录入内容，后台会根据用户录入信息进行归纳和整理，生成xm

7、l文件，主要技术包括文件存储和xml文件的设计与读写操作。传统的Flash库文件开发包无法对本地文件进行读写操作，笔者采用FlexSDK中的AIR技术，实现了文件的本地或异地读写操作。xml文件的设计目的是完成输入数据的信息整理工作，记录展示信息的关键内容。用户每次输入的数据以节点的方式动态追加到xml文件。xml文件节点设计如下：-2000年0.jpg图片对应解说词-xml文件创建的关键代码如下：xmlFile=newFile（File.applicationDir