用Adobe Flex3开发AIR应用程序–入门指南

最新推荐文章于 2021-05-29 03:10:15 发布

CB_CB

最新推荐文章于 2021-05-29 03:10:15 发布

阅读量1.1k

点赞数

分类专栏： AS3.0 文章标签： flex adobe air html actionscript flash

AS3.0 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1 安装Adobe AIR 运行时，和java的JVM类似。
Adobe AIR 运行时允许在桌面运行AIR应用程序，脱离游览器的束缚。
下载安装文件 http://labs.adobe.com/downloads/air.html
在下载页面有样例程序（Sample Applications） http://labs.adobe.com/technologies/air/samples/

2 安装开发环境
当然我们选择开发效率最高的Flex Builder，此外还有命令行编译的一套工具。
http://labs.adobe.com/technologies/flex/flexbuilder3/下载文件需要在Adobe注册用户。

3 Adobe AIR简介
Adobe® AIR™ 是一个跨平台的运行时，可以使用现有的Web开发技能(Flash, Flex, HTML, JavaScript, Ajax)创建桌面富因特网应用程序。
AIR程序运行基于Adobe AIR Runtime，所以开发的程序在不同的操作系统表现是相同的，就像Java一样。
AIR 允许你使用最熟悉的开发环境，选取你最擅长的工具进行开发。比如

Flash / Flex / ActionScript
HTML / JavaScript / CSS / Ajax

所以AIR应用程序可以

基于Flash或者Flex，即应用程序的容器是Flash或Flex（swf）
基于包含HTML或PDF的Flash或Flex，即应用程序的容器是Flash/Flex，内含HTML或PDF
基于HTML，应用程序的容器是HTML，JS，CSS
基于包含FLASH/FLEX或PDF的HTML，即容器是HTML，内含FLASH/FLEX，PDF。

4 使用Flex Builder创建第一个Flex AIR应用程序
我们将创建一个基于SWF文件的AIR应用程序，打开Flex Builder3，当然Flex Builder基于Eclipse，实际上它是一个Eclipse的插件。
新建一个Flex Project类型的工程。Flex有两种应用程序类型，一种基于Web在Flash player里运行，一种在桌面运行于Adobe AIR runtime,我们选择桌面应用程序。服务器技术选择none，点击完成。
初始生成两个文件：mxml主文件和xml程序配置文件。

5 编写AIR应用程序
所有的代码都包含在WindowedApplication 标签内，这个标签创建了一个简单的窗口。
以代码视图打开mxml文件进行编辑，给WindowedApplication 标签添加一个title属性，值设定为”Hello world!”
在WindowedApplication元素内添加一个Label组件。
在WindowedApplication开始标签后紧跟着插入Style块，最后代码是这样的：

<? xml version="1.0" encoding="utf-8" ?>
< mx:WindowedApplication xmlns:mx ="http://www.adobe.com/2006/mxml" layout ="absolute" title ="Hello World" >
< mx:Style >
Application
{
background-image:"";
background-color:"";
background-alpha:"0.5";
}
</ mx:Style >
< mx:Label text ="Hello AIR" horizontalCenter ="0" verticalCenter ="0" />
</ mx:WindowedApplication >

选择Adobe AIR Application方式运行。

6 打包应用程序
把应用程序打包成AIR文件发行，AIR文件是包含所有应用程序文件的一个压缩文件，用户可以用AIR文件安装应用程序。
首先确保没有编译错误并运行正常，然后选择导出–Flex Release Version.
导出提示会需要一个数字签名，创建一个，填写必须的信息OK，成功，双击导出的AIR文件安装，测试一下。