创建一个AIR工程
开始本章内容之前,记得先安装好Adobe AIR运行时以及设置好开发环境。
在Flex Builder里创建工程
1. 打开Flex Builder 3.
2. 选择菜单File | New | AIR Project (如果你使用Eclipse插件形式,选择菜单File | New | Other,打开Flex节点,选择AIR工程)。
3. 接受默认设置,点击Next。
4. 在下个对话框中(设置构建路径),不用改变,点Next。
5. 指定下面的设置,然后点Finish:
ID
AIRHelloWorld
Name
Hello World
Description
A test AIR application
Copyright
2007
其中Description和Copyright域是可选的,但是其他的都是必填的。
设置应用程序窗口的透明性
1. 在Project Navigator视图中打开AIRHelloWorld-app.xml文件。
2. 在rootContent节点中,设置systemChrome和transparent 属性为:
systemChrome="standard" transparent="false"
保存修改,关闭AIRHelloWorld-app.xml文件。
编写程序代码
要编写这个"Hello World"程序代码,需要编辑此程序的MXML文件(AIRHelloWorld.mxml),在Project Navigator视图中找到它并打开。
所有的Flex AIR程序都包含在MXML WindowedApplication标签内,它创建了一个简单的窗口,只包含标题栏和关闭按钮。
添加代码
1. 在WindowedApplication组件中添加一个title属性,赋值为"Hello World":
2. 添加一个Label组件,设置text属性为"Hello AIR",设置对齐方式:
3. 添加下面的样式:
该样式会应用到整个程序,窗口背景有点灰色透明。
完整的代码如下:
测试AIR程序
1. 点击工具栏上的调试按钮。
也可以选择 Run | Debug | AIRHelloWorld 命令
运行后的结果可能会是这样(用户桌面的背景为绿色):
2. 使用Label组件的horizontalCenter和verrticalCenter属性,文本会放置在窗口的中央,你可以任意移动或改变窗口的大小,这和普通的桌面程序没什么不同。
FLEX打包.AIR并运行程序
现在可以用Flex Builder对"Hello World"程序打包为AIR文件以便分发。一个AIR文件是一个压缩文件,它包含程序文件(这些文件都包含在工程的bin目录中),把这些AIR文件分发给用户以便用户用它进行安装。
确定你的程序没有编译错误信息以及运行异常。
选择菜单File | Export.
选择AIR Package 选项,点Next.
默认工程名和MXML文件被选中作为AIR包中的内容,点Finish 完成创建AIR包。
现在你可以在桌面上双击运行AIR文件。