解析如何進行FlexAIR文件打包和運行
在學習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、安裝開發(fā)環(huán)境
當然我們選擇開發(fā)效率最高的FlexBuilder,此外還有命令行編譯的一套工具。
http://labs.adobe.com/technologies/flex/flexbuilder3/下載文件需要在Adobe注冊用戶。
3、AdobeAIR簡介
Adobe?AIR?是一個跨平臺的運行時,可以使用現(xiàn)有的Web開發(fā)技能(Flash,Flex,HTML,JavaScript,Ajax)創(chuàng)建桌面富因特網(wǎng)應用程序。
AIR程序運行基于AdobeAIRRuntime,所以開發(fā)的程序在不同的操作系統(tǒng)表現(xiàn)是相同的,就像Java一樣。
AIR允許你使用最熟悉的開發(fā)環(huán)境,選取你最擅長的工具進行開發(fā)。
比如
◆Flash/Flex/ActionScript
◆HTML/JavaScript/CSS/Ajax
所以AIR應用程序可以
◆基于Flash或者Flex,即應用程序的容器是Flash或Flex(swf)
◆基于包含HTML或PDF的Flash或Flex,即應用程序的容器是Flash/Flex,內(nèi)含HTML或PDF
◆基于HTML,應用程序的容器是HTML,JS,CSS
◆基于包含F(xiàn)LASH/FLEX或PDF的HTML,即容器是HTML,內(nèi)含F(xiàn)LASH/FLEX,PDF。
4、使用FlexBuilder創(chuàng)建第一個FlexAIR應用程序
我們將創(chuàng)建一個基于SWF文件的AIR應用程序,打開FlexBuilder3,當然FlexBuilder基于Eclipse,實際上它是一個Eclipse的插件。
新建一個FlexProject類型的工程。Flex有兩種應用程序類型,一種基于Web在Flashplayer里運行,一種在桌面運行于AdobeAIRruntime,我們選擇桌面應用程序。服務器技術選擇none,點擊完成。
初始生成兩個文件:mxml主文件和xml程序配置文件。
5、編寫FlexAIR應用程序
所有的代碼都包含在WindowedApplication標簽內(nèi),這個標簽創(chuàng)建了一個簡單的窗口。
以代碼視圖打開mxml文件進行編輯,給WindowedApplication標簽添加一個title屬性,值設定為”Helloworld!”
在WindowedApplication元素內(nèi)添加一個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文件發(fā)行,AIR文件是包含所有應用程序文件的一個壓縮文件,用戶可以用AIR文件安裝應用程序。
首先確保沒有編譯錯誤并運行正常,然后選擇導出–FlexReleaseVersion.
導出提示會需要一個數(shù)字簽名,創(chuàng)建一個,填寫必須的信息OK,成功,雙擊導出的AIR文件安裝,測試一下。
【編輯推薦】
- 技術分享 用FlexBuilder創(chuàng)建Flex項目
- Flex基礎 創(chuàng)建第一個Flex項目
- 解析Flex事件執(zhí)行流程
- FlexBuilder3.0與Eclipse3.4的完美結(jié)合
- 學習筆記 FlexBuilder2.0中如何使用基于Lists的控件