【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檔案安裝，測試一下。