1、第23章 AIR平臺(tái)應(yīng)用,AIR應(yīng)用程序是一種桌面應(yīng)用程序。因?yàn)橐С謱?duì)本地資源的操作，所以Flex 4.0中新增許多對(duì)本地資源的操作，如本地文件、PDF文件等。另外，AIR應(yīng)用程序支持版本升級(jí)、集成網(wǎng)頁、使用Ajax技術(shù)等。,23.1 加載PDF文件,在Flex 4.0中的AIR工程中新增HTMLLoader類和HTMLPDFCapability類。通過這兩個(gè)類可實(shí)現(xiàn)加載PDF文件，豐富了AIR應(yīng)用程序的效果和功能。,23.1.1 加載PDF文件前的準(zhǔn)備,加載PDF文件需要有兩個(gè)條件：第一是必須為AIR工程，第二是系統(tǒng)已安裝Adobe Reader 8.1以上版本。前者是因?yàn)镕lex 4.0

2、中只有在AIR工程中可引用HTMLLoader類和HTMLPDFCapability類。究其深層原因是Adobe公司只允許桌面應(yīng)用程序（AIR）訪問本地資源。其他Web工程出于安全性考慮，不可直接訪問本地資源。,23.1.2 使用HTMLLoader類加載PDF文件,HTMLLoader類是AIR中新增的類，用于加載PDF。 HTMLLoader類中只有一個(gè)屬性pdfCapability。此屬性存儲(chǔ)了PDF文件與Adobe Reader版本間的關(guān)系。在HTMLLoader類的load()方法執(zhí)行后，自動(dòng)得到版本信息。,23.1.3 使用HTMLPDFCapability類檢測Adobe Rea

3、der版本,HTMLPDFCapability類定義了加載的PDF文件與Adobe Reader版本間的關(guān)系，使用狀態(tài)字符串表示，如“ERROR_INSTALLED_READER_NOT_FOUND”。,23.1.4 加載PDF文件實(shí)例,加載PDF文件的步驟如下所示。 （1）新建AIR工程。 （2）確定系統(tǒng)中已安裝Adobe Reader 8.1以上版本。 （3）編寫MXML文件。 （4）按下Ctrl+F11鍵，編譯運(yùn)行程序。,23.2 使用本地SQL數(shù)據(jù)庫,SQL數(shù)據(jù)庫是指可使用標(biāo)準(zhǔn)的SQL語句進(jìn)行操作的數(shù)據(jù)庫。本地SQL數(shù)據(jù)庫是指操作系統(tǒng)支持的SQL數(shù)據(jù)庫，如“.db”格式的數(shù)據(jù)庫。AIR

4、應(yīng)用程序中新增了一些類（在“flash.data.*”包中），用以支持對(duì)本地SQL數(shù)據(jù)庫的操作。對(duì)SQL數(shù)據(jù)庫的基本操作包括Select（讀取數(shù)據(jù)）、Insert（插入數(shù)據(jù)）、Update（修改數(shù)據(jù)）、Delete（刪除數(shù)據(jù)）。,23.2.1 使用Select語句讀取數(shù)據(jù),Select語句用以讀取表中的數(shù)據(jù)。 列名是指表中的列的名稱。 用戶可為列名取別名。 條件是指對(duì)數(shù)據(jù)的約束。,23.2.2 使用Insert語句添加數(shù)據(jù),Insert語句用以向表中添加數(shù)據(jù)。 列名必須是表中存在的列的名稱。 數(shù)值順序?qū)?yīng)列名順序，如數(shù)值1賦值給列名1。,23.2.3 使用Update語句修改數(shù)據(jù),Update

5、語句用以修改表中的數(shù)據(jù)。 需要注意的是，SQL語句中判斷相等的操作符為“=”，而不是“=”。,23.2.4 使用Delete語句刪除數(shù)據(jù),Delete語句用以刪除表中的數(shù)據(jù)。 Delete語句可刪除單條記錄或多條記錄，方法是控制條件范圍。以下代碼使用Delete語句刪除“高三5班”學(xué)生信息。,23.2.5 使用SQLConnection類連接數(shù)據(jù)庫,SQLConnection類用于連接數(shù)據(jù)庫。對(duì)于要操作的數(shù)據(jù)庫都應(yīng)新建SQLConnection類實(shí)例。,23.2.6 使用SQLStatement類執(zhí)行SQL語句,SQLStatement類用于執(zhí)行SQL語句，是操作SQL數(shù)據(jù)庫的重要類。 （1）

6、定義SQLStatement類實(shí)例。 （2）指向其使用的數(shù)據(jù)庫。 （3）為SQLStatement實(shí)例定義SQL語句。 （4）執(zhí)行SQLStatement實(shí)例。 （5）為SQLStatement實(shí)例添加監(jiān)聽。 （6）獲取返回?cái)?shù)據(jù)集。,23.2.7 操作本地SQL數(shù)據(jù)庫實(shí)例,本節(jié)以實(shí)例為讀者講解如何使用SQL語句操作數(shù)據(jù)庫 （1）設(shè)計(jì)數(shù)據(jù)庫“School”。“School”數(shù)據(jù)庫中只有一張表“Notes”，用以存儲(chǔ)通知信息。 （2）新建AIR工程。 （3）設(shè)計(jì)應(yīng)用程序的外觀模型。 （4）連接“School”數(shù)據(jù)庫。 （5）創(chuàng)建“Notes”表。 （6）獲得數(shù)據(jù)集并顯示于DataGrid組件中。

7、（7）向數(shù)據(jù)庫中插入數(shù)據(jù)。 （8）完成剩余代碼。 （9）按下Ctrl+F11鍵編譯運(yùn)行程序。,23.3 升級(jí)AIR應(yīng)用程序,AIR桌面應(yīng)用程序可導(dǎo)出為air文件。雙擊此文件就能開始安裝應(yīng)用程序。若系統(tǒng)中已安裝舊版的AIR應(yīng)用程序，雙擊air文件時(shí)會(huì)提示更新AIR應(yīng)用程序。這種方式是非程序性的方式。Flex 4.0中新增Update類，用以升級(jí)AIR應(yīng)用程序。,23.3.1 升級(jí)前的準(zhǔn)備,1導(dǎo)出AIR應(yīng)用程序 2定義版本信息文件,23.3.2 檢查版本信息,用戶可使用FileStream類加載版本信息文件，從而獲得當(dāng)前AIR應(yīng)用程序的版本號(hào)。若當(dāng)前的版本號(hào)小于最新的版本號(hào)，說明AIR應(yīng)用程序需要

8、更新。,23.3.3 使用FileStream類下載最新版本,在更新AIR應(yīng)用程序前，需要下載最新版本的AIR安裝包。使用FileStream類可下載任何格式的文件。,23.3.4 使用Updater類升級(jí)AIR應(yīng)用程序,在下載完成最新版本的AIR安裝包后，可使用Updater類的update()方法升級(jí)應(yīng)用程序。,23.3.5 升級(jí)AIR應(yīng)用程序?qū)嵗?本實(shí)例中假設(shè)最新導(dǎo)出的AIR安裝包為1.3版本，并放置于工程“bin”文件夾下。 升級(jí)AIR應(yīng)用程序?qū)嵗牟襟E如下。 （1）新建AIR工程。 （2）在“bin”文件夾下的“Preferences”文件夾下創(chuàng)建“version.txt”文件。 （

9、3）編寫檢查版本號(hào)函數(shù)checkVersion。 （4）編寫下載最新版本函數(shù)loaded。 （5）編寫更新AIR應(yīng)用程序代碼。 （6）完成剩余代碼。 （7）按下Ctrl+F11鍵，編譯運(yùn)行程序。,23.4 在AIR平臺(tái)中使用Ajax技術(shù),在前面章節(jié)里曾介紹過Flex 4.0中如何使用其他Web開發(fā)技術(shù)，但未涉及Ajax技術(shù)。Ajax技術(shù)是一種非常流行的Web開發(fā)技術(shù)，其主要特點(diǎn)是無刷新性。本章將介紹Ajax技術(shù)的基礎(chǔ)知識(shí)，及如何在Flex 4.0中使用Ajax技術(shù)。,23.4.1 Ajax技術(shù)簡介,Ajax技術(shù)具體包括如下5種技術(shù)。 使用XHTML+CSS的表示樣式。 使用DOM（Docume

10、nt Object Model）進(jìn)行動(dòng)態(tài)顯示及交互。 使用XML和XSLT進(jìn)行數(shù)據(jù)交換及相關(guān)操作。 使用XMLHttpRequest類進(jìn)行異步數(shù)據(jù)查詢、檢索。 使用JavaScript整合所有技術(shù)。,23.4.2 使用組件調(diào)用Ajax技術(shù),在Flex 4.0中使用組件可加載包含Ajax技術(shù)的網(wǎng)頁。 組件在加載網(wǎng)頁時(shí)，加載網(wǎng)頁中的全部內(nèi)容，包括javascript（javascript是Ajax技術(shù)實(shí)現(xiàn)的關(guān)鍵）。,23.4.3 Flex應(yīng)用程序結(jié)合Ajax技術(shù)實(shí)例,Ajax技術(shù)已廣為應(yīng)用于互聯(lián)網(wǎng)的開發(fā)。許多無刷新的網(wǎng)頁或有動(dòng)態(tài)效果網(wǎng)頁都使用了Ajax技術(shù)。其中，應(yīng)用Ajax技術(shù)最成功的例子是Go

11、ogle的地圖搜索。Flex 4.0結(jié)合Ajax技術(shù)實(shí)例的步驟如下。 （1）新建AIR工程。 （2）編寫“yahoo.html”文件。 （3）編寫Flex應(yīng)用程序的外觀模型。 （4）添加搜索地圖的ActionScript 3.0代碼。 （5）編寫函數(shù)takeSnapshot。 （6）編寫函數(shù)copyToClipboard。 （7）完成剩余代碼。 （8）按下Ctrl+F11快捷鍵編譯運(yùn)行程序。,23.5 使用Flex-Ajax Bridge技術(shù)控制Flex應(yīng)用程序,上一節(jié)中介紹在Flex中如何調(diào)用Ajax技術(shù)。反之，也可使用Ajax技術(shù)控制Flex應(yīng)用程序。JavaScript程序通過Flex-

12、Ajax Bridge技術(shù)可控制Flex應(yīng)用程序組件及外觀。,23.5.1 Flex-Ajax Bridge技術(shù)簡介,Flex-Ajax Bridge技術(shù)是Adobe公司提供的一種服務(wù)技術(shù)。此技術(shù)為Ajax技術(shù)和Flex技術(shù)建立起特殊的聯(lián)系。通過Flex-Ajax Bridge技術(shù)可達(dá)到控制Flex應(yīng)用程序的效果。例如，單擊網(wǎng)頁中的按鈕，F(xiàn)lex應(yīng)用程序中新增一個(gè)按鈕組件。 Flex-Ajax Bridge技術(shù)包括一個(gè)“FABridge.as”文件和“FABridge.js”文件?！癋ABridge.as”文件中定義了Flex客戶端的各種屬性和方法?！癋ABridge.js”文件定義了Java

13、Script客戶端的各種屬性和方法。有關(guān)“FABridge.as”文件和“FABridge.js”文件的相關(guān)內(nèi)容將在后續(xù)章節(jié)中介紹。,23.5.2 Flex-Ajax Bridge技術(shù)的運(yùn)行原理,Flex-Ajax Bridge技術(shù)只包含兩個(gè)源文件：“FABridge.as”文件和“FABridge.js”文件。通過定義兩個(gè)不同客戶端（Flex客戶端和JavaScript客戶端）的對(duì)應(yīng)屬性和方法，實(shí)現(xiàn)不同客戶端間的相互調(diào)用。 “FABridge.as”類繼承EventDispatcher類，同時(shí)實(shí)現(xiàn)IMXMLObject接口。其主要功能是存儲(chǔ)各種Flex組件的屬性和方法，為各種方法添加對(duì)應(yīng)的調(diào)

14、用名稱。“FABridge.as”類中最重要的實(shí)現(xiàn)方法為initializeCallbacks()方法。,23.5.3 使用getCompenentID()方法獲取組件,Flex-Ajax Bridge技術(shù)中使用getCompenentID()方法獲取組件。getCompenentID并不是確定的方法名，而表示“get”字符串連接組件id字符串。例如，F(xiàn)lex應(yīng)用程序中定義了名為“myPanel”的組件，那么獲取該組件的方法名為“getMyPanel”。需要注意的是，組件id字符串的第一個(gè)字母大寫。,23.5.4 使用getPropertyName()方法獲取屬性值,getPropertyNa

15、me()方法用以獲取組件的屬性值。與getCompenentID()方法一樣，getPropertyName()方法也不是確定的方法名，而是“get”字符串連接組件屬性字符串。 在使用getCompenentID()方法獲取組件后，可使用getPropertyName()方法獲取組件屬性。,23.5.5 使用setPropertyName()方法設(shè)置屬性值,setPropertyName()方法用以設(shè)置組件的屬性值。與getCompenentID()方法一樣，setPropertyName()方法也不是確定的方法名，而是“set”字符串連接組件屬性字符串。 在使用getCompenentID(

16、)方法獲取組件后，可使用setPropertyName()方法設(shè)置組件屬性。 與getCompenentID()方法一樣，組件屬性字符串的第一個(gè)字母大寫。,23.5.6 為組件添加監(jiān)聽事件,Flex-Ajax Bridge技術(shù)也可為組件添加監(jiān)聽事件。 使用getCompenentID()方法獲取組件后，可直接調(diào)用組件的所有方法（包括addEventListenner()方法）。,23.5.7 調(diào)用Flex程序中的函數(shù),由于“FABridge.example.root()”語句指向的是Flex應(yīng)用程序本身，所以可直接調(diào)用Flex程序的函數(shù)。,23.5.8 Flex-Ajax Bridge技術(shù)控制Flex程序?qū)嵗?本實(shí)例的效果為：在網(wǎng)頁中操作按鈕或下拉框組件，F(xiàn)lex應(yīng)用程序的視圖變化。 Flex-Ajax Bridge技術(shù)控制Flex程序?qū)嵗牟襟E如下所示。 （1）新建Flex工程“Flex-AjaxBridgeExample”。 （2）在工程根目錄中添加“bridge”文件夾。 （3）在工程根目錄中添加“image”文件夾。,23.5.8 Flex-Ajax Bridge技術(shù)控