【Abode Air程式開發】Flex air檔案打包和執行
阿新 • • 發佈:2019-02-12
1 安裝Adobe AIR 執行時,和java的JVM類似。
Adobe AIR 執行時允許在桌面執行AIR應用程式,脫離遊覽器的束縛。
下載安裝檔案http://get.adobe.com/cn/air/thankyou/
在下載頁面有樣例程式(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檔案安裝,測試一下。
Adobe AIR 執行時允許在桌面執行AIR應用程式,脫離遊覽器的束縛。
下載安裝檔案http://get.adobe.com/cn/air/thankyou/
在下載頁面有樣例程式(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檔案安裝,測試一下。