在学习Flex的过程中,你可能你会遇到FlexAIR文件打包和运行方面的问题,这里和大家分享一下,希望对你的学习有所帮助。
FlexAIR文件打包和运行
1、安装AdobeAIR运行时,和java的JVM类似。
AdobeAIR运行时允许在桌面运行AIR应用程序,脱离游览器的束缚。
下载安装文件http://get.adobe.com/cn/air/thankyou/
在下载页面有样例程序(SampleApplications)http://labs.adobe.com/technologies/air/samples/
2、安装开发环境
当然我们选择开发效率最高的FlexBuilder,此外还有命令行编译的一套工具。
http://labs.adobe.com/technologies/flex/flexbuilder3/下载文件需要在Adobe注册用户。
3、AdobeAIR简介
Adobe?AIR?是一个跨平台的运行时,可以使用现有的Web开发技能(Flash,Flex,HTML,JavaScript,Ajax)创建桌面富因特网应用程序。
AIR程序运行基于AdobeAIRRuntime,所以开发的程序在不同的操作系统表现是相同的,就像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、使用FlexBuilder创建第一个FlexAIR应用程序
我们将创建一个基于SWF文件的AIR应用程序,打开FlexBuilder3,当然FlexBuilder基于Eclipse,实际上它是一个Eclipse的插件。
新建一个FlexProject类型的工程。Flex有两种应用程序类型,一种基于Web在Flashplayer里运行,一种在桌面运行于AdobeAIRruntime,我们选择桌面应用程序。服务器技术选择none,点击完成。
初始生成两个文件:mxml主文件和xml程序配置文件。
5、编写FlexAIR应用程序
所有的代码都包含在WindowedApplication标签内,这个标签创建了一个简单的窗口。
以代码视图打开mxml文件进行编辑,给WindowedApplication标签添加一个title属性,值设定为”Helloworld!”
在WindowedApplication元素内添加一个Label组件。
在WindowedApplication开始标签后紧跟着插入Style块,最后代码是这样的
- +expandsourceviewplaincopytoclipboardprint?
- <?xmlversionxmlversion="1.0"encoding="utf-8"?>
- <mx:WindowedApplicationxmlns:mxmx:WindowedApplicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"title="HelloWorld">
- <mx:Style>
- Application
- {
- background-image:"";
- background-color:"";
- background-alpha:"0.5";
- }
- </mx:Style>
- <mx:Labeltextmx:Labeltext="HelloAIR"horizontalCenter="0"verticalCenter="0"/>
- </mx:WindowedApplication>
- <?xmlversionxmlversion="1.0"encoding="utf-8"?>
- <mx:WindowedApplicationxmlns:mxmx:WindowedApplicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"title="HelloWorld">
- <mx:Style>
- Application
- {
- background-image:"";
- background-color:"";
- background-alpha:"0.5";
- }
- </mx:Style>
- <mx:Labeltextmx:Labeltext="HelloAIR"horizontalCenter="0"verticalCenter="0"/>
- </mx:WindowedApplication>
选择AdobeAIRApplication方式运行。
6、FlexAIR文件打包应用程序
把应用程序打包成AIR文件发行,AIR文件是包含所有应用程序文件的一个压缩文件,用户可以用AIR文件安装应用程序。
首先确保没有编译错误并运行正常,然后选择导出–FlexReleaseVersion.
导出提示会需要一个数字签名,创建一个,填写必须的信息OK,成功,双击导出的AIR文件安装,测试一下。
【编辑推荐】
- 技术分享 用FlexBuilder创建Flex项目
- Flex基础 创建第一个Flex项目
- 解析Flex事件执行流程
- FlexBuilder3.0与Eclipse3.4的完美结合
- 学习笔记 FlexBuilder2.0中如何使用基于Lists的控件