1、第1章Flex概要，F(xiàn)lex是Adobe公司發(fā)表的一系列工具和技術(shù)，開發(fā)者可以開發(fā)和部署可升級(jí)的富因特網(wǎng)應(yīng)用程序(RIAs )。 Flex提供現(xiàn)代基于標(biāo)準(zhǔn)的語言，支持通用數(shù)字大板塊設(shè)置修訂、客戶端操作環(huán)境、計(jì)程儀編程模型、開發(fā)模型和高級(jí)數(shù)據(jù)服務(wù)。 富因特網(wǎng)應(yīng)用程序(RIAs )是一種使用Web的簡單方法來部署富客戶端計(jì)程儀程序。 該計(jì)程儀普蘭與HTML相比具有結(jié)實(shí)、反應(yīng)更敏感、人機(jī)交互的特點(diǎn)。 1.1 Flex概述、傳統(tǒng)的基于HTML的應(yīng)用程序部署成本低、結(jié)構(gòu)簡單、易于學(xué)習(xí)。 許多用戶和開發(fā)者放棄了現(xiàn)代高性能計(jì)算機(jī)帶來的用戶體驗(yàn)，追求數(shù)據(jù)的快速網(wǎng)站數(shù)據(jù)庫，失去了重要的UI功能。 RIA利用相對(duì)

2、健壯的客戶端描述引擎。 RIA的另一個(gè)好處是可以將數(shù)據(jù)高速緩存區(qū)到客戶端。 與基于HTML的響應(yīng)速率相比，這可以提供更快、更少的數(shù)據(jù)在服務(wù)器之間來回移動(dòng)的用戶界面。 Flex是Adobe公司最近兩年發(fā)售的重量級(jí)產(chǎn)品和技術(shù)。 Flex是為了有效地開發(fā)和部署富因特網(wǎng)應(yīng)用程序而推出的。 1.1 Flex簡介，Adobe公司對(duì)Flex采用了開源項(xiàng)目策略，開發(fā)者可以根據(jù)Flex的原始查詢密碼進(jìn)行修改。 新版本的Flex 4開發(fā)環(huán)境已更改為Flash Builder，而不是Flex Builder系列。 Flex采用了上通告驅(qū)動(dòng)反應(yīng)歷程，程序的執(zhí)行過程在發(fā)生上通告的時(shí)間序列上嚴(yán)格執(zhí)行。 本節(jié)介紹面向讀者的

3、Flex開發(fā)技術(shù)的特點(diǎn)、優(yōu)點(diǎn)和新功能。 1.1.1 Flex的技術(shù)特點(diǎn)，F(xiàn)lex可以在企業(yè)內(nèi)或Web上創(chuàng)建富因特網(wǎng)應(yīng)用程序(RIA )，成為最完整、最強(qiáng)大的RIA開發(fā)溶解熱。 這樣，企業(yè)就可以創(chuàng)建豐富的個(gè)性化多媒體應(yīng)用程序，大大提高用戶體驗(yàn)，從根本上改革人與網(wǎng)的互動(dòng)。 1提高用戶體驗(yàn)2完整的開發(fā)環(huán)境3共同的部署環(huán)境4企業(yè)號(hào)級(jí)的特征5頁負(fù)載6標(biāo)準(zhǔn)的體系結(jié)構(gòu)7與瀏覽器兼容，1.1.2 Flex SDK 4的新功能，F(xiàn)lex 4具有比Flex 3更令人興奮的新功能。 1新主題和組件2擴(kuò)展布局方式3擴(kuò)展特殊效果和過濾煙嘴效果4新雙向綁定功能5擴(kuò)展CSS 6擴(kuò)展HTML數(shù)字大板塊7擴(kuò)展的狀態(tài)8擴(kuò)展ASD

4、oc的子通訊端口9運(yùn)行時(shí)共享庫10本地化， 1.2 Flash Builder的下載和安裝文件的版本有flash builder4standalone installer版本和Flash Builder 4 Plugin for Eclipse版本兩種flash builder4standalone installer是一個(gè)獨(dú)立的開發(fā)工具版本，F(xiàn)lash Builder 4 Plugin for Eclipse是一個(gè)可以將Flex 4集成到Eclipse中的安裝插件。 本節(jié)介紹如何下載和安裝flash builder 4標(biāo)準(zhǔn)安裝程序。 1.2.1安裝flash builder的系統(tǒng)要求。 Fl

5、ash Builder 4可以安裝在Windows執(zhí)行操作系統(tǒng)或蘋果操作系統(tǒng)x執(zhí)行操作系統(tǒng)上。 安裝Flash Builder 4的最小配置如下所示。 1Windows執(zhí)行操作系統(tǒng)最低要求2蘋果操作系統(tǒng)x執(zhí)行操作系統(tǒng)最低要求，下載1.2.2flashbuilderbeta，(1)在瀏覽器中鍵入“Flex主頁”。 (2)喀嚦聲“flashbuilder4”圖標(biāo)或文本網(wǎng)絡(luò)鏈接，進(jìn)入flashbuilder4的下載頁面。 (3)喀嚦聲“downloadtheflash builder4beta 2發(fā)行”網(wǎng)絡(luò)鏈接，進(jìn)入flashbuilder4驗(yàn)證頁。 (下載Adobe產(chǎn)品需要輸入Adobe ID和密

6、碼，可以免費(fèi)注冊(cè)。 注冊(cè)程序用戶可以按照網(wǎng)頁的指示進(jìn)行。 (5)喀嚦聲“flash builder 4安裝程序”下的“windows下載flashbuilder 4安裝程序”網(wǎng)絡(luò)鏈接，開始下載windows平臺(tái)版的flass 1.2.3安裝flash builder4beta，(1)雙擊“flash builder.exe”后，顯示選擇安裝語言的對(duì)話計(jì)程儀框。 (2)喀嚦聲“ok”按鈕后，安裝的第一階段顯示“前言”對(duì)話框計(jì)程儀。 (3)喀嚦聲“下一步”按鈕后，將出現(xiàn)安裝的第二步“許可合同”對(duì)話框。 (4)選中“本主兒同意許可合同條款”復(fù)選框，喀嚦聲“下一步”按鈕后，顯示安裝第3步驟“選擇安裝文

7、件夾”對(duì)話框計(jì)程儀框。、1.2.3 flash builder4beta的安裝，(5)在字符框中鍵入安裝路徑，或喀嚦聲選擇按鈕選擇安裝路徑。 (6)喀嚦聲“安裝”按鈕。 安裝完成后，將自動(dòng)出現(xiàn)安裝步驟5的“安裝完成”對(duì)話計(jì)程儀框。 (7)喀嚦聲“完成”按鈕，完成安裝。 1.2.4 Flash Builder的新功能， 1新的工作流模式和Flash Catalyst的子通訊端口2新的聯(lián)網(wǎng)監(jiān)控功能3單體測試的子通訊端口4新的ASDoc的子通訊端口4新的ASDoc的子通訊端口5自動(dòng)生成事件處理器結(jié)構(gòu)7強(qiáng)化調(diào)試器功能8新的Flash CS4組件開發(fā)軟件包9部署和應(yīng)用許多主題1 0新的類包瀏覽器MXML

8、是用于版結(jié)構(gòu)組件的XML標(biāo)記語言。 MXML的組件包括可視組件和非可視組件。 外觀以外的組件是從服務(wù)讀取的數(shù)據(jù)源或用戶組件綁定到服務(wù)的數(shù)據(jù)。 的雙曲馀弦值。 1.4創(chuàng)建第一個(gè)Flex 4計(jì)程儀程序。 以下過程以Hello World為第一個(gè)示例，詳細(xì)介紹如何創(chuàng)建第一個(gè)flex4plum堆計(jì)程儀。 (1)當(dāng)您選擇“文件”|“新建”|“Flex項(xiàng)目工程”命令時(shí)，將出現(xiàn)“新建Flex項(xiàng)目工程”對(duì)話框計(jì)程儀。 (2)在“項(xiàng)目工程名稱”字符框中輸入項(xiàng)目工程名稱，從“應(yīng)用程序類型”下拉列表框中選擇“Web(runs in Adobe Flash Palyer )”。 (3)在“主應(yīng)用程序”字符框中鍵入啟動(dòng)

9、差動(dòng)奧爾特項(xiàng)目工程的文件名，其他的可以設(shè)定為差動(dòng)奧爾特。 喀嚦聲“完成”按鈕以完成項(xiàng)目工程的創(chuàng)建。 1.4創(chuàng)建第一個(gè)Flex 4計(jì)程儀程序，(4)在編輯工作區(qū)中喀嚦聲Design按鈕進(jìn)入設(shè)計(jì)模式。 (5)從左下犄角旮旯的“組件”列表中選擇“組件特羅爾”子文件夾下的“標(biāo)簽條”組件特羅爾。 將連特羅爾拖到設(shè)計(jì)模式的工作區(qū)中。 (6)選擇“標(biāo)簽條”命令特羅爾，在右下犄角旮旯的職業(yè)膩?zhàn)臃酃ぷ鲄^(qū)設(shè)定“標(biāo)簽條”命令特羅爾的屬性膩?zhàn)臃邸?(7)以查詢密碼模式生成的MXML查詢密碼。 1.5編譯并運(yùn)行第一個(gè)Flex 4計(jì)程儀程序，之前創(chuàng)建“Hello World”計(jì)程儀程序，然后編譯并運(yùn)行該程序的步驟如下：

10、(1)右喀嚦聲要作為普計(jì)程儀欄的缺省奧爾特的初始頁的mxml文件，選擇“設(shè)置為缺省奧爾特應(yīng)用程序”。 (2)從菜單中選擇“運(yùn)行”運(yùn)行HelloWorld命令后，F(xiàn)lash Builder 4開始編譯并執(zhí)行程序。 (3)效果如圖1圖19所示。 總結(jié)1.6，本章對(duì)Flex進(jìn)行說明。 這包括Flex的技術(shù)特征、新特性和優(yōu)點(diǎn)。 Flex應(yīng)用程序具有豐富的人機(jī)交互性、操作性、用戶體驗(yàn)，能夠開發(fā)HTML和更強(qiáng)大的網(wǎng)絡(luò)應(yīng)用程序。 本章介紹如何下載和安裝Flash Builder 4。 Flash Builder 4是一個(gè)Flex應(yīng)用軟件開發(fā)工具，用于快速高效地開發(fā)Flex應(yīng)用程序。 關(guān)于Flash Buil

11、der 4的內(nèi)容，將在下一章進(jìn)行說明。 本章最后以“Hello World”為例，向讀者詳細(xì)說明Flex應(yīng)用程序的開發(fā)制作和編譯的執(zhí)行過程。 第2章熟悉開發(fā)環(huán)境Flash Builder 4，“做好工作必須先利用其器具”。 Flash Builder 4是Adobe發(fā)布的集成開發(fā)環(huán)境。 Flash Builder 4工作環(huán)境是一個(gè)具有豐富功能的開發(fā)環(huán)境，可幫助開發(fā)人員開發(fā)Flex和ActionScript應(yīng)用程序。 Flash Builder 4建構(gòu)在名為Eclipse的開源項(xiàng)目集成開發(fā)環(huán)境(集成驅(qū)動(dòng)電路)上，用戶可以使用強(qiáng)大的查詢密碼編輯器、視覺設(shè)計(jì)大師、調(diào)試工具等開發(fā)Flex應(yīng)用程序。 顯

12、然，熟悉2.1Flash Builder 4工作區(qū)，flashbuilder4工作區(qū)是開發(fā)Flex應(yīng)用程序的工作環(huán)境，熟悉工作環(huán)境有助于開發(fā)。 Flash Builder 4平臺(tái)與Eclipse的版結(jié)構(gòu)樣式非常相似，因?yàn)樗贓clipse平臺(tái)。 Flash Builder 4平臺(tái)的特征是將視覺編輯和查詢密碼編輯一體化，用戶可以在Flash Builder 4環(huán)境中簡單地切換設(shè)計(jì)模式和查詢密碼模式。 2.1.1平臺(tái)即服務(wù)和平臺(tái)即服務(wù)活動(dòng)是與塔斯克、編輯器和視圖相關(guān)聯(lián)的版結(jié)構(gòu)樣式。 在平臺(tái)即服務(wù)活動(dòng)之間切換可能會(huì)更改相應(yīng)的塔斯克、編輯器或視圖。 Flash Builder 4包括三種平臺(tái)即服務(wù)活

13、動(dòng)：閃存平臺(tái)即服務(wù)活動(dòng)、閃存調(diào)試平臺(tái)即服務(wù)活動(dòng)和閃存配置文件平臺(tái)即服務(wù)活動(dòng)。、2.1.2編輯器、1MXML編輯器2ActionScript編輯器3CSS編輯器、2.1.3視圖和視圖用于鼎力相助用戶管理項(xiàng)目工程和開發(fā)項(xiàng)目工程。 用戶可以使用視圖更直觀地處理某些需求。 例如，包提取支重輪可以管理工作區(qū)中的文件和文件夾，也可以引用包和類的結(jié)構(gòu)。2.2 flex4plum的詳細(xì)編譯并執(zhí)行、MXML語言和ActionScript語言都需要編譯。 Flash Builder 4開發(fā)環(huán)境集成了這兩種編譯程序，用戶只需選擇適當(dāng)?shù)木幾g運(yùn)行命令即可。 本文檔簡要介紹了在介紹第一個(gè)Flex計(jì)程儀程序“Hello W

14、orld”計(jì)程儀程序時(shí)，如何編譯和運(yùn)行Flex應(yīng)用程序。 實(shí)際上，編譯時(shí)可以選擇的殘奧儀表很多，本節(jié)向讀者介紹詳細(xì)的編譯并執(zhí)行步驟。 以“Hello World”為例，學(xué)習(xí)正在編譯并執(zhí)行的可選殘奧儀表。 調(diào)試2.3靈活4計(jì)程儀程序。 普計(jì)程儀計(jì)劃經(jīng)常包含未知的邏輯誤差。 這些個(gè)中的錯(cuò)誤不是編譯錯(cuò)誤，編譯程序無法檢查此類錯(cuò)誤。 例如，在普計(jì)程儀拉姆判斷閏年時(shí)，查詢密碼語法正確，但判斷方法錯(cuò)誤。 在這種情況下，編譯程序不報(bào)告錯(cuò)誤。 除錯(cuò)功能可讓您追蹤查詢密碼中每個(gè)步驟的執(zhí)行情況，并檢查邏輯誤差。 Flash Builder 4開發(fā)環(huán)境具有強(qiáng)大的調(diào)試功能，有助于通過程序進(jìn)行代碼檢查。 本節(jié)介紹如何調(diào)

15、試Flex應(yīng)用程序，包括添加程序斷點(diǎn)、開始調(diào)試以及監(jiān)視變量。 2.3.1增加程序斷點(diǎn)。 程序斷點(diǎn)的作用是：在帶有程序斷點(diǎn)的查詢密碼行上中斷應(yīng)用程序，開始檢查查詢密碼。 此外，用戶還可以使用Flash Builder 4附帶的調(diào)試工具檢測和糾正錯(cuò)誤。 例如，變量視圖或公式視圖。 在查詢密碼編輯器中添加程序斷點(diǎn)的方法很多。 只能在以下查詢密碼的程序斷點(diǎn)上中斷調(diào)試程序： MXML標(biāo)記包含以下ActionScript上通告操作： 其中“click”是指喀嚦聲來處理上通告。 在ActionScript查詢密碼中。 可以在MXML文件中的標(biāo)簽下，也可以在ActionScript文件中。 ActionScr

16、ipt文件中的任何查詢密碼行。 2.3.2設(shè)置程序斷點(diǎn)后，調(diào)試器可以通過選擇“運(yùn)行”|“調(diào)試”命令并選擇適當(dāng)?shù)倪\(yùn)行配置來啟動(dòng)調(diào)試。 也可以喀嚦聲工具條按鈕或快捷牛鼻子F11來開始調(diào)試。 在執(zhí)行調(diào)試程序時(shí)，將自動(dòng)啟用閃存調(diào)試平臺(tái)即服務(wù)。 在這里，調(diào)試視圖很有用。 在調(diào)試程序中，通常需要監(jiān)視特定變量的變化以檢測查詢密碼中的錯(cuò)誤。 “變量”視圖自動(dòng)跟蹤普通堆計(jì)程儀中變量的變化。2.4 Flex 4項(xiàng)目工程項(xiàng)目工程概述和Flex 4通訊端口創(chuàng)建的項(xiàng)目工程項(xiàng)目工程分為三類： Flex項(xiàng)目工程、ActionScript項(xiàng)目工程和Flex庫項(xiàng)目工程。 為了開發(fā)不同的項(xiàng)目工程，將使用不同的工程。 Flex項(xiàng)目

17、工程師是一種通用的RIA工程，主要用于開發(fā)網(wǎng)際網(wǎng)絡(luò)應(yīng)用程序。 ActionScript項(xiàng)目工程項(xiàng)目工程主要用于開發(fā)ActionScript類庫。 Flex庫項(xiàng)目工程用于開發(fā)共享庫，可以是自定義組件，也可以是ActionScript查詢密碼。 2.4.1 Flex項(xiàng)目工程、Flex項(xiàng)目工程是最基本的配置項(xiàng)目工程，F(xiàn)lex項(xiàng)目工程有Web和桌面兩種應(yīng)用程序類型。 使用Flex信息幀工作、XML、web服務(wù)等開發(fā)Flex應(yīng)用程序。 在Flash Builder 4中編譯Web應(yīng)用程序類型時(shí)，會(huì)將可執(zhí)行文件(swf文件)置于HTML文件中，最終生成Web應(yīng)用程序。 桌面應(yīng)用程序類型使用Flash Bu

18、ilder 4進(jìn)行編譯，然后將文件放置在AIR平臺(tái)上，最后生成AIR應(yīng)用程序。 2.4.2 ActionScript項(xiàng)目工程和ActionScript項(xiàng)目工程使用Flash API，而不是Flex信息幀工作。 ActionScript項(xiàng)目工程沒有視覺感知表示。 也就是說，ActionScript應(yīng)用沒有設(shè)計(jì)模式這一概念。 編譯后，也可以在Flash Player中執(zhí)行ActionScript項(xiàng)目工程。2.4.3 Flex庫項(xiàng)目工程、Flex庫項(xiàng)目工程用于創(chuàng)建自定義查詢密碼庫。 基于查詢密碼的可與應(yīng)用程序和其他開發(fā)者共享。 編譯Flex庫項(xiàng)目工程后生成SWC文件。 SWC文件包含組件、各種資源和catalog.xml文件。 SWC常用于創(chuàng)建主題和創(chuàng)建應(yīng)用程序