Flex4.0RIA開發(fā)詳解講義.ppt

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

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

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

4、oc的子通訊端口9運行時共享庫10本地化， 1.2 Flash Builder的下載和安裝文件的版本有flash builder4standalone installer版本和Flash Builder 4 Plugin for Eclipse版本兩種flash builder4standalone installer是一個獨立的開發(fā)工具版本，F(xiàn)lash Builder 4 Plugin for Eclipse是一個可以將Flex 4集成到Eclipse中的安裝插件。 本節(jié)介紹如何下載和安裝flash builder 4標準安裝程序。 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”圖標或文本網(wǎng)絡(luò)鏈接，進入flashbuilder4的下載頁面。 (3)喀嚦聲“downloadtheflash builder4beta 2發(fā)行”網(wǎng)絡(luò)鏈接，進入flashbuilder4驗證頁。 (下載Adobe產(chǎn)品需要輸入Adobe ID和密

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

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

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

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

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

11、der 4的內(nèi)容，將在下一章進行說明。 本章最后以“Hello World”為例，向讀者詳細說明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)境是一個具有豐富功能的開發(fā)環(huán)境，可幫助開發(fā)人員開發(fā)Flex和ActionScript應(yīng)用程序。 Flash Builder 4建構(gòu)在名為Eclipse的開源項目集成開發(fā)環(huán)境(集成驅(qū)動電路)上，用戶可以使用強大的查詢密碼編輯器、視覺設(shè)計大師、調(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平臺與Eclipse的版結(jié)構(gòu)樣式非常相似，因為它基于Eclipse平臺。 Flash Builder 4平臺的特征是將視覺編輯和查詢密碼編輯一體化，用戶可以在Flash Builder 4環(huán)境中簡單地切換設(shè)計模式和查詢密碼模式。 2.1.1平臺即服務(wù)和平臺即服務(wù)活動是與塔斯克、編輯器和視圖相關(guān)聯(lián)的版結(jié)構(gòu)樣式。 在平臺即服務(wù)活動之間切換可能會更改相應(yīng)的塔斯克、編輯器或視圖。 Flash Builder 4包括三種平臺即服務(wù)活

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

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

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

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

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

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