用Adobe Flex3開發AIR應用程式–入門指南

1 安裝Adobe AIR 運作時，和java的JVM類似。

Adobe AIR 運作時允許在桌面運作AIR應用程式，脫離遊覽器的束縛。

2 安裝開發環境

當然我們選擇開發效率最高的Flex Builder，此外還有指令行編譯的一套工具。

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

    本文轉自 OldHawk  部落格園部落格，原文連結：http://www.cnblogs.com/taobataoma/archive/2008/03/05/1091652.html，如需轉載請自行聯系原作者