基于Adobe AIR构建部署到桌面的富互联网应用程序

时间:2023-04-26 08:36:02 公文范文 来源:网友投稿

摘要 通过与传统的Web应用程序的比较,深入地阐述Adobe AIR的优点,并详细介绍实现Adobe AIR应用的Flex Builder 3在改善、增强用户体验方面的技术支持及程序开发步骤与部署过程。

关键词 Adobe AIR;富互联网应用程序;Web

中图分类号:TP393.4 文献标识码:A 文章编号:1671-489X(2008)20-0106-02

目前,Web程序后台开发技术不断发展,但支持表现层的前台开发技术不够完善,使用户在进行复杂的网上交互操作时不能得到令人满意的体验。虽然已有诸多基于客户端或服务器端的成熟技术,如JavaScript、JavaApplet、JSP、DHTML、XML、CSS等用于开发动态网页,支持客户体验的改善,但它们都没有突破HTML所规约的传统模式,结果不尽人意。为了解决这个问题,一种全新的Web应用程序应运而生,这就是RIA——富客户端应用程序(Rich Internet Applications)。这类应用程序既可部署为桌面应用程序,又可简便地部署为Web应用程序。它不仅具有桌面应用程序反应快、界面丰富的优点,而且具有在线广泛应用的特性,给用户带来更丰富、更具有交互性和响应性的全新体验。

Adobe AIR是一项备受推崇的新型技术,也可以说是新老技术的结合体。通过这样的结合,让用户感受到很好的改善,更愿意多进行一些操作,更愿意去体验一下新的功能。与普通的Web应用相比较,它的功能更加强大,无需C++、Delphi、Java这些传统而复杂的开发技术介入,只需利用现有的Web技术进行“组合”,再调用各类运行平台提供的API即可。

1 Adobe AIR简介

AIR(Adobe Integrated Runtime)是Adobe公司推出的一个跨操作系统的运行平台,前身名为Apollo。通过AIR平台,开发人员可以将现有的Flash、HTML、Ajax、Flex、JavaScript等Web技术结合在一起开发在桌面上使用的RIA,比如RSS订阅、博客编辑、在线办公、在线视频、在线图片处理等应用程序。使用AIR开发的程序可以直接在电脑中安装、在桌面上使用,而不必打开网页浏览器。

AIR是应用程序运行环境,很小且对用户来说不可见,运行时环境提供了一套一致的跨操作系统平台和框架来开发和部署应用程序。因此,程序在一个平台上开发好就可以在其他平台上运行,而不必到每个平台上进行测试。

2 Adobe AIR技术特点

自Adobe发布AIR以来,就受到各大IT媒体、业界的关注,曾经被各大新闻媒体评为2007年的十大网络科技事件、2007年最值得关注的技术。它跟传统的桌面、Web应用程序相比,具有下面几个特点。

2.1 跨平台跟传统的桌面应用程序相比,基于AIR平台开发的应用程序可以跨平台使用,支持多操作系统,比如Windows、MAC和Linux操作系统。

2.2 交互性基于AIR平台的应用程序凭借采用的Flash等技术,可以获得更好的交互表现,在软件界面中可以获得更多信息,实现更多操作,比传统Web技术要更加出色。

2.3 离线化传统的Web网络应用需要在线完成各种操作,而基于AIR开发的应用程序可以在离线状态下运行,在需要连接网络的时候连接一下,比如离线写博客、离线浏览等。

2.4 更美观跟传统的桌面、Web应用程序相比,AIR应用程序采用Flash技术设计,界面超酷,如有的界面采用MAC OSX风格,有的具有透明效果等。

2.5 速度快AIR应用程序都可以在本地运行,运行速度快,而且软件体积小巧。而Web应用程序需要在网络客户端和服务器之间进行调用,需要调用大量的数据和代码,速度较慢。

3 分发、安装和运行AIR应用程序

AIR程序是非常易于安装的,无缝安装特性让用户安装最新的AIR运行时,安装好AIR程序后就可以和普通桌面程序一样运行。打包好的AIR程序分发途径:1)可以直接通过电子邮件或Web页面来发送AIR安装包给终端用户;2)可以在Web页面上加入一个无缝安装链接,无缝安装特性可在Web页面上提供一个链接让用户通过点击该链接来安装AIR程序。如果用户没有安装AIR运行时,则会提示用户安装运行时,无缝安装技术也可让用户不必下载AIR文件就可以安装AIR程序。

用户下载了AIR文件,只要双击文件即可启动AIR安装向导。如果用户点击了Web页面的无缝安装链接,则会弹出对话框提示用户是否立即安装AIR程序。如果程序已经安装,则安装向导会提示用户是否打开程序或者更新程序,安装器是根据应用程序的ID来确定的。

4 用Flex Builder创建AIR程序

4.1 创建一个AIR工程先安装好Adobe AIR运行时以及设置好开发环境,在Flex Builder里创建工程步骤:1)打开Flex Builder 3;2)选择菜单File/New/AIR Project;3)接受默认设置,点击Next;4)在下个对话框中不改变“设置构建路径”,点Next;5)指定ID、AIRHelloWorld、Name、Hello World、Description、A test AIR application、Copyright、2007参数的设置,然后点Finish。其中Description和Copyright域是可选的,但是其他的都是必填的。

4.2 设置应用程序窗口的透明性

1)在Project Navigator视图中打开AIRHelloWorld-app.xml文件;

2)在rootContent节点中设置systemChrome和transparent 属性为:

systemChrome="standard" transparent="false"

保存修改,关闭AIRHelloWorld-app.xml文件。

4.3 编写程序代码要编写这个“Hello World”程序代码,需要编辑此程序的MXML文件AIRHelloWorld.mxml。在Project Navigator视图中找到它并打开。所有的Flex AIR程序都包含在MXML WindowedApplication标签内,它创建了一个简单的窗口,只包含标题栏和关闭按钮。

1)在WindowedApplication组件中添加一个title属性,赋值为“Hello World”:

<?xml version="1.0" encoding="utf-8"?>

<mx:WindowedApplication xmlns:mx="/2006/mxml" layout="absolute" title="Hello World">

</mx:WindowedApplication>

2)添加一个Label组件,设置text属性为“Hello AIR”,设置对齐方式:

<?xml version="1.0" encoding="utf-8"?><?xml version="1.0" encoding="utf-8"?>

<mx:WindowedApplication xmlns:mx="/2006/mxml" layout="absolute" title="Hello World">

<mx:Label text="Hello AIR" horizontalCenter="0" verticalCenter="0"/>

</mx:WindowedApplication>

3)添加下面的样式:

<mx:Style>

Application

{

background-image:"";

background-color:"";

background-alpha:"0.5";

}

</mx:Style>

该样式会应用到整个程序,窗口背景有点灰色透明。

4.4 测试程序

1)点击工具栏上的调试按钮,也可以选择Run|Debug|AIRHelloWorld命令。

2)使用Label组件的horizontalCenter和verrticalCenter属性,文本会放置在窗口的中央,可以任意移动或改变窗口的大小,这和普通的桌面程序没什么不同。

4.5 打包并运行程序现在可以用Flex Builder对“Hello World”程序打包为AIR文件以便分发。一个AIR文件是一个压缩文件,它包含程序文件(这些文件都包含在工程的bin目录中),把这些AIR文件分发给用户以便用户进行安装。

5 结束

Adobe Flex Builder 3在开发AIR上提供了一种便捷、高效、具有良好跨平台兼容性的方法,能大大降低制作用户界面的难度,提高开发效率;而且其对众多W3C标准都支持,并将桌面软件的优势和网络范围的广泛结合在一起,从而为用户创造出更有价值的体验。

推荐访问:互联网 应用程序 部署 构建 桌面