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

简介:
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文件安装,测试一下。




    本文转自 OldHawk  博客园博客,原文链接:http://www.cnblogs.com/taobataoma/archive/2008/03/05/1091652.html,如需转载请自行联系原作者



相关文章
|
17天前
|
开发者 UED 容器
鸿蒙next版开发:ArkTS组件通用属性(Flex布局)
在HarmonyOS next中,ArkTS的Flex布局是一种强大且灵活的布局方式,支持水平或垂直方向排列元素,并能动态调整大小和位置以适应不同屏幕。主要属性包括justifyContent、alignItems、direction和wrap,适用于导航栏、侧边栏和表单等多种场景。示例代码展示了如何使用这些属性创建美观的布局。
50 10
|
6月前
Uniapp开发过程中解决的一个Flex布局问题
Uniapp开发过程中解决的一个Flex布局问题
123 0
|
Web App开发 小程序 API
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(下)
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(下)
144 0
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(下)
|
Web App开发 小程序 iOS开发
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(上)
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(上)
275 0
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(上)
|
前端开发 JavaScript
技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-3.使用flex布局并开始搭建web端
lex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。 其中justify-content(水平方向对齐)属性和align-content(垂直方向对齐)属性更方便地解决元素的对其、分布方式
258 0
技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-3.使用flex布局并开始搭建web端
|
Android开发 机器学习/深度学习 Java