使用Flash Builder創建Flex AIR桌面應用打賞

創建 AIR 項目

Flash Builder 包括用于開發和打包 AIR 應用程序的工具。

通過定義一個新項目來開始在 Flash Builder 和 Flex Builder 中創建 AIR 應用程序,其方式與創建其他基于 Flex 的應用程序項目的方式相同。

  1. 打開 Flash Builder。
  2. 依次選擇“文件”>“新建”>“Flex 項目”。
  3. 輸入項目名稱,例如 AIRHelloWorld。
  4. 在 Flex 中,AIR 應用程序被視為一種應用程序類型。有兩種類型可供您選擇:
    • 在 Adobe? Flash? Player 中運行的 Web 應用程序
    • 在 Adobe AIR 中運行的桌面應用程序 選擇 Desktop 作為應用程序類型。
  5. 單擊“完成”以創建此項目。

AIR 項目最初由兩個文件組成:主 MXML 文件和應用程序 XML 文件(稱為應用程序描述符文件)。后一個文件用于指定應用程序的屬性。
有關詳細信息,請參閱使用 Flash Builder 開發 AIR 應用程序

編寫 AIR 應用程序代碼

若要編寫“Hello World”應用程序代碼,請編輯在編輯器中打開的應用程序 MXML 文件 (AIRHelloWorld.mxml)。(如果該文件尚未打開,請使用 Project Navigator 打開該文件。) 桌面上的 Flex AIR 應用程序內含在 MXML WindowedApplication 標簽內。MXML WindowedApplication 標簽用于創建一個簡單窗口,此窗口包括諸如標題欄和關閉按鈕之類的基本窗口控件。

  1. 對 WindowedApplication 組件添加 title 屬性,并為此屬性賦予值"Hello World":
    air1
  2. 對此應用程序添加 Label 組件(將其置于 WindowedApplication 標簽內),將 Label 組件的 text 屬性設置為"Hello AIR",并設置布局限制以使其保持居中,如下所示:
    air2
  3. 在剛輸入的 Label 組件標簽之前,緊跟 WindowedApplication 開始標簽添加以下樣式塊。
    air3

這些樣式設置將應用于整個應用程序,用稍稍透明的灰色呈現窗口。現在,應用程序代碼類似于如下內容:
air4
接下來,您要更改應用程序描述符中的一些設置,以允許應用程序變得透明:

  1. 在 Flex Navigator 窗格中,在項目的源目錄中找到該應用程序的描述符文件。如果項目名為 AIRHelloWorld,則該文件應該名為 AIRHelloWorld-app.xml。
  2. 雙擊該應用程序描述符文件,以便在 Flash Builder 中進行編輯。
  3. 在 XML 代碼中,找到 systemChrome 和 transparent 屬性(屬于 initialWindow 屬性)的注釋行。刪除注釋。(刪除"<!--" 和 "-->"注釋分隔符。)
  4. 將 systemChrome 屬性的文本值設為 none,如下所示:

    <systemChrome>none</systemChrome>

  5. 將 transparent 屬性的文本值設為 true,如下所示:

    <transparent>true</transparent>

  6. 保存該文件。

測試 AIR 應用程序

若要測試編寫完的應用程序代碼,請在調試模式下運行它。

  1. 單擊主工具欄上的“調試”按鈕 。 也可以選擇“運行”>“調試” >“AIRHelloWorld 命令”。 生成的 AIR 應用程序應如下例所示:
    air5
  2. 通過使用 Label 控件的 horizontalCenter 和 verticalCenter 屬性,文本位于窗口的中心位置。移動窗口或調整窗口大小,像對任何其他桌面應用程序所做的那樣。

注: 如果此應用程序不編譯,請修正輸入代碼時無意間造成的語法錯誤或拼寫錯誤。錯誤和警告顯示在 Flash Builder 的“問題”視圖中。

打包 AIR 應用程序、為應用程序簽名和運行應用程序

現在已準備好將“Hello World”應用程序打包為 AIR 文件以進行分發。AIR 文件是一個包含應用程序文件的歸檔文件,這里的應用程序文件為項目 bin 文件夾中包含的所有文件。在此簡單示例中,這些文件為 SWF 和應用程序 XML 文件。將此 AIR 包分發給用戶,用戶隨后使用此包安裝此應用程序。此過程中的一個必需步驟是對包進行數字簽名。

  1. 確保應用程序沒有編譯錯誤并按預期運行。
  2. 選擇“項目”>“導出發行版”。
  3. 查看 AIRHelloWorld 項目和 AIRHelloWorld.mxml 應用程序是否已列出。
  4. 選擇“導出為簽名的 AIR 包”選項。然后單擊“下一步”。
  5. 如果有現成的數字證書,請單擊“瀏覽”找到并選中它。
  6. 如果必須創建新的自簽名數字證書,請選擇“創建”。
  7. 輸入所需信息,然后單擊“確定”。
  8. 單擊“完成”以生成名為 AIRHelloWorld.air 的 AIR 包。

現在,既可以從 Flash Builder 的 Project Navigator 中安裝和運行該應用程序,也可以通過雙擊該 AIR 文件從文件系統安裝和運行該應用程序。

轉自:Adobe官網

使用Flash Builder創建Flex AIR桌面應用
文章《使用Flash Builder創建Flex AIR桌面應用》二維碼
  • 微信打賞
  • 支付寶打賞

已有6條評論

  1. 張文龍

    學習了 ,謝謝分享 http://www.91tuomao.net

    2014-05-30 11:00 回復
  2. 杜豪峰

    不錯http://www.duxiaoyuan.com/changjian/謝謝分享。

    2014-05-27 20:13 回復
  3. went

    不錯http://www.caoyuqi.com/tmwh/來學習了。謝謝分享

    2014-05-15 12:48 回復
  4. 歐了

    路過,看看http://www.4565188.com

    2013-10-16 16:57 回復
  5. xiaotianx011

    還不錯,學習學習http://www.he-dryeye.com/

    2013-09-29 10:03 回復

(必填)

(必填)

(可選)

黑龙江22选5开奖