Cairngorm開發(fā)框架

1、第第2222章章 CairngormCairngorm開發(fā)框架開發(fā)框架Cairngorm是一種開源框架，由是一種開源框架，由Adobe開發(fā)團(tuán)隊(duì)設(shè)計(jì)開發(fā)團(tuán)隊(duì)設(shè)計(jì)。使用。使用Cairngorm框架能快速地建立起框架能快速地建立起RIA應(yīng)用程序，適用應(yīng)用程序，適用于開發(fā)中大型于開發(fā)中大型RIA應(yīng)用程序。應(yīng)用程序。Cairngorm框架不但能提高開框架不但能提高開發(fā)效率，也有利于團(tuán)隊(duì)合作。本章將為讀者介紹發(fā)效率，也有利于團(tuán)隊(duì)合作。本章將為讀者介紹Cairngorm框架的基礎(chǔ)知識(shí)、運(yùn)行原理和機(jī)制、使用方法等。框架的基礎(chǔ)知識(shí)、運(yùn)行原理和機(jī)制、使用方法等。22.1 Cairngorm22.1 Cairngo

2、rm簡介簡介Cairngorm框架是開發(fā)框架是開發(fā)RIA應(yīng)用程序的輕量級(jí)的框架應(yīng)用程序的輕量級(jí)的框架，可應(yīng)用于企業(yè)級(jí)的軟件開發(fā)，也可結(jié)合，可應(yīng)用于企業(yè)級(jí)的軟件開發(fā)，也可結(jié)合J2EE或或.Net等開發(fā)等開發(fā)技術(shù)。技術(shù)。由于由于Flex 4.0技術(shù)是由事件驅(qū)動(dòng)的，所以事件處理函技術(shù)是由事件驅(qū)動(dòng)的，所以事件處理函數(shù)很多。假設(shè)一個(gè)應(yīng)用程序中存在大量事件，若每個(gè)事件的數(shù)很多。假設(shè)一個(gè)應(yīng)用程序中存在大量事件，若每個(gè)事件的處理函數(shù)都定義于一個(gè)處理函數(shù)都定義于一個(gè)MXML文件或文件或AS文件中，代碼就會(huì)文件中，代碼就會(huì)很混亂、不利于修改。很混亂、不利于修改。Cairngorm框架將每個(gè)事件處理封裝框架將每個(gè)事

3、件處理封裝為一個(gè)類。這樣，不但代碼整潔了，而且也提高了重用性。為一個(gè)類。這樣，不但代碼整潔了，而且也提高了重用性。22.2 Flex 4.022.2 Flex 4.0中如何添加中如何添加CairngormCairngorm框架框架Flex 4.0中添加中添加Cairngorm框架的步驟如下所示。框架的步驟如下所示。（1）在瀏覽器中輸入）在瀏覽器中輸入“”“”，打開，打開Cairngorm框架的框架的下載頁面。下載頁面。（2）單擊）單擊“Downloads”標(biāo)簽下的標(biāo)簽下的“here”鏈接，鏈接，下載最新的下載最新的Cairngorm框架?？蚣?。（3）解壓縮）解壓縮Cairngorm包。包。（4

4、）在需要添加）在需要添加Cairngorm框架的框架的Flex工程上右擊工程上右擊，彈出快捷菜單。，彈出快捷菜單。22.2 Flex 4.022.2 Flex 4.0中如何添加中如何添加CairngormCairngorm框架框架（5）選擇）選擇“Properties”命令，打開工程屬性對(duì)話框命令，打開工程屬性對(duì)話框。（6）單擊）單擊“Flex Build Path”項(xiàng)下項(xiàng)下“Library Path”標(biāo)簽，打開庫設(shè)置頁面。標(biāo)簽，打開庫設(shè)置頁面。（7）單擊）單擊“Add SWC”按鈕，彈出選擇按鈕，彈出選擇SWC文件文件對(duì)話框。對(duì)話框。（8）在文本框中輸入）在文本框中輸入“Cairngorm.

5、swc”文件路徑。文件路徑。單擊單擊“OK”按鈕，完成添加按鈕，完成添加Cairngorm框架?？蚣?。22.3 Cairngorm22.3 Cairngorm框架中的基礎(chǔ)類框架中的基礎(chǔ)類Cairngorm框架的運(yùn)行機(jī)制是以類為基礎(chǔ)，因?yàn)榭蚣艿倪\(yùn)行機(jī)制是以類為基礎(chǔ)，因?yàn)镃airngorm框架是由框架是由ActionScript 3.0語言編寫的，而語言編寫的，而ActionScript 3.0語言是一種面向?qū)ο蟮恼Z言。本小節(jié)將介紹語言是一種面向?qū)ο蟮恼Z言。本小節(jié)將介紹Cairngorm框架中的基礎(chǔ)類的作用和定義。大部分基礎(chǔ)類不框架中的基礎(chǔ)類的作用和定義。大部分基礎(chǔ)類不能直接使用，用戶需要繼承基礎(chǔ)

6、類來完成特定的功能。能直接使用，用戶需要繼承基礎(chǔ)類來完成特定的功能。類的文件組織結(jié)構(gòu)類的文件組織結(jié)構(gòu)Cairngorm框架中的類不是雜亂無章地存放，而是框架中的類不是雜亂無章地存放，而是以特定的文件組織結(jié)構(gòu)存放。每個(gè)文件夾有特殊的含義，存以特定的文件組織結(jié)構(gòu)存放。每個(gè)文件夾有特殊的含義，存放不同意義的基礎(chǔ)類。放不同意義的基礎(chǔ)類。 “business”文件夾中存放有關(guān)服務(wù)器端的類。文件夾中存放有關(guān)服務(wù)器端的類?！癱ommands”方件夾存放命令類。方件夾存放命令類?！癱ontrol”文件夾存放文件夾存放前臺(tái)控制器類。前臺(tái)控制器類。“model”文件夾存放應(yīng)用程序模型類；文件夾存放應(yīng)用程序模型類；

7、“view”文件夾存放視圖類及文件夾存放視圖類及MXML文件；文件；“vo”文件夾文件夾存放數(shù)據(jù)模型類。存放數(shù)據(jù)模型類。處理正常或異常結(jié)果的處理正?；虍惓＝Y(jié)果的ResponderResponder類類Responder類是一個(gè)接口類，用以處理正?；虍惓＝Y(jié)類是一個(gè)接口類，用以處理正?；虍惓＝Y(jié)果。果。Responder類定義了兩個(gè)抽象的方法：類定義了兩個(gè)抽象的方法：onResult()方法和方法和onFault()方法。方法。onResult()方法用于操作正常時(shí)的處理，方法用于操作正常時(shí)的處理，onFault()方法用于操作異常時(shí)的處理。方法用于操作異常時(shí)的處理。一般在一般在Command類中實(shí)

8、現(xiàn)類中實(shí)現(xiàn)Responder接口類的兩個(gè)接口類的兩個(gè)方法。有關(guān)方法。有關(guān)Responder接口類的實(shí)現(xiàn)將在后續(xù)章節(jié)中介紹。接口類的實(shí)現(xiàn)將在后續(xù)章節(jié)中介紹。查找服務(wù)的查找服務(wù)的ServiceLocatorServiceLocator類類ServiceLocator類用于查找服務(wù)，如類用于查找服務(wù)，如、等。等。ServiceLocator類可查找不同類型的服務(wù)，因此每種類型的服務(wù)都有對(duì)應(yīng)的類可查找不同類型的服務(wù)，因此每種類型的服務(wù)都有對(duì)應(yīng)的方法。方法。處理事件的處理事件的CommandCommand類類Command類繼承于類繼承于ICommand接口類，用于處理某接口類，用于處理某一事件。一事件

9、。ICommand類中定義了類中定義了execute抽象方法，用于執(zhí)行抽象方法，用于執(zhí)行相應(yīng)處理。相應(yīng)處理。創(chuàng)建新事件的創(chuàng)建新事件的CairngormEventCairngormEvent類類CairngormEvent類用于自定義用戶事件。包含一個(gè)類用于自定義用戶事件。包含一個(gè)成員變量成員變量data和一個(gè)構(gòu)造函數(shù)。和一個(gè)構(gòu)造函數(shù)。data變量可存儲(chǔ)任何類型的變量可存儲(chǔ)任何類型的數(shù)據(jù)。數(shù)據(jù)。管理事件的管理事件的CairngormEventDispatcherCairngormEventDispatcher類類CairngormEventDispatcher類用于管理事件。類用于管理事件。監(jiān)聽

10、事件的監(jiān)聽事件的FrontControllerFrontController類類FrontController類用于監(jiān)聽事件。一旦事件發(fā)生，類用于監(jiān)聽事件。一旦事件發(fā)生，前臺(tái)控制器找到事件的相應(yīng)處理命令類執(zhí)行。前臺(tái)控制器找到事件的相應(yīng)處理命令類執(zhí)行。存儲(chǔ)數(shù)據(jù)模型的存儲(chǔ)數(shù)據(jù)模型的ModelLocatorModelLocator類類ModelLoacator類是一種接口類，用于應(yīng)用程序的數(shù)類是一種接口類，用于應(yīng)用程序的數(shù)據(jù)模型。可將應(yīng)用程序需要顯示的數(shù)據(jù)及狀態(tài)變量都定義于據(jù)模型。可將應(yīng)用程序需要顯示的數(shù)據(jù)及狀態(tài)變量都定義于ModelLocator類中。類中。ModelLocator類相當(dāng)于應(yīng)用程序

11、的類相當(dāng)于應(yīng)用程序的“數(shù)據(jù)庫數(shù)據(jù)庫”，方便修改與刪除。，方便修改與刪除。輔助操作視圖的輔助操作視圖的ViewHelperViewHelper類類ViewHelper類用于輔助操作視圖。使用類用于輔助操作視圖。使用ViewHelper類可在類可在AS文件中修改其他文件中修改其他MXML文件中的視圖。文件中的視圖。ViewHelper類中定義了兩個(gè)成員變量：類中定義了兩個(gè)成員變量：view和和id。view變量變量為為Object類型，存儲(chǔ)了使用類型，存儲(chǔ)了使用ViewHelper類的類的MXML文件的文件的全部組件視圖。全部組件視圖。查找視圖的查找視圖的ViewLocatorViewLocato

12、r類類ViewLocator類用以查找視圖，即查找類用以查找視圖，即查找ViewHelper類類實(shí)例。實(shí)例。定義數(shù)據(jù)模型的定義數(shù)據(jù)模型的ValueObjectValueObject類類ValueObject類繼承于類繼承于IValueObject類，而類，而IValueObject接口類，主要用于定義數(shù)據(jù)模型。例如，注冊(cè)接口類，主要用于定義數(shù)據(jù)模型。例如，注冊(cè)信息包括用戶名和密碼，用戶可將用戶名和密碼封裝在信息包括用戶名和密碼，用戶可將用戶名和密碼封裝在ValueObject類中。類中。22.4 Cairngorm22.4 Cairngorm框架的運(yùn)行原理框架的運(yùn)行原理Cairngorm框架以

13、事件為驅(qū)動(dòng)，所以一個(gè)完整的運(yùn)框架以事件為驅(qū)動(dòng)，所以一個(gè)完整的運(yùn)行過程從事件觸發(fā)開始。運(yùn)行過程中的每一項(xiàng)處理都與基礎(chǔ)行過程從事件觸發(fā)開始。運(yùn)行過程中的每一項(xiàng)處理都與基礎(chǔ)類息息相關(guān)。類息息相關(guān)。自定義事件（自定義事件（CairngormEventCairngormEvent類）類）CairngormEvent類用于自定義用戶事件。類用于自定義用戶事件。事件狀態(tài)標(biāo)識(shí)由用戶定義的字符串，能唯一表示此事件狀態(tài)標(biāo)識(shí)由用戶定義的字符串，能唯一表示此事件。事件。由于由于CairngormEvent類中只有一個(gè)成員變量類中只有一個(gè)成員變量data，所以只能攜帶一個(gè)數(shù)據(jù)。若用戶需要攜帶多個(gè)數(shù)據(jù)，可繼承所以只能攜帶

14、一個(gè)數(shù)據(jù)。若用戶需要攜帶多個(gè)數(shù)據(jù)，可繼承CairngormEvent類，并新增成員變量。類，并新增成員變量。自定義命令（自定義命令（CommandCommand類）類）用戶自定義命令實(shí)現(xiàn)用戶自定義命令實(shí)現(xiàn)Command類中的類中的excute()方法方法。excute()方法執(zhí)行相應(yīng)操作代碼。方法執(zhí)行相應(yīng)操作代碼。前臺(tái)控制器（前臺(tái)控制器（FrontControllerFrontController類）監(jiān)聽事件類）監(jiān)聽事件FrontController類用以監(jiān)聽事件。其原理是判斷相類用以監(jiān)聽事件。其原理是判斷相應(yīng)的事件標(biāo)識(shí)是否存在。使用應(yīng)的事件標(biāo)識(shí)是否存在。使用addCommand()方法可監(jiān)聽

15、事方法可監(jiān)聽事件，并為事件添加對(duì)應(yīng)的處理函數(shù)。件，并為事件添加對(duì)應(yīng)的處理函數(shù)。習(xí)慣上習(xí)慣上FrontController類中還將定義各種類中還將定義各種CairngormEvent事件的標(biāo)識(shí)字符串。事件的標(biāo)識(shí)字符串。在服務(wù)定位器（在服務(wù)定位器（ServiceLocatorServiceLocator類）中尋找服類）中尋找服務(wù)務(wù)ServiceLocator類用于存儲(chǔ)和查找服務(wù)。類用于存儲(chǔ)和查找服務(wù)。在模型定位器（在模型定位器（ModelLocatorModelLocator類）中存取數(shù)據(jù)類）中存取數(shù)據(jù)ModelLocator類中存放應(yīng)用程序的全部數(shù)據(jù)及狀態(tài)類中存放應(yīng)用程序的全部數(shù)據(jù)及狀態(tài)。這樣做

16、的好處是管理方便、操作統(tǒng)一。以下代碼定義了一。這樣做的好處是管理方便、操作統(tǒng)一。以下代碼定義了一個(gè)模型定位器個(gè)模型定位器FlvModel。使用使用ViewHelperViewHelper類修改視圖類修改視圖使用使用ViewHelper類修改視圖的步驟如下所示。類修改視圖的步驟如下所示。（1）自定義類繼承）自定義類繼承ViewHelper類。類。（2）將）將ViewHelper類作為組件添加至類作為組件添加至MXML文件文件中。中。（3）調(diào)用自定義）調(diào)用自定義ViewHelper類中的方法修改視圖。類中的方法修改視圖。使用使用ValueObjectValueObject類自定義數(shù)據(jù)模型類自定義數(shù)

17、據(jù)模型ValueObject類用以自定義數(shù)據(jù)模型。類用以自定義數(shù)據(jù)模型。22.5 Cairngorm22.5 Cairngorm實(shí)例實(shí)例本節(jié)以一個(gè)實(shí)例介紹如何使用本節(jié)以一個(gè)實(shí)例介紹如何使用Cairngorm框架開發(fā)框架開發(fā)應(yīng)用程序。應(yīng)用程序。實(shí)例的具體步驟如下。實(shí)例的具體步驟如下。（1）新建）新建Flex工程。工程。（2）工程中添加）工程中添加Cairngorm框架，即框架，即“Cairngorm.swc”文件。文件。（3）編寫）編寫“ContactVO.as”文件。文件。（4）編寫）編寫“AddContact.as”文件。文件。（5）編寫）編寫“ModelLocator.as”文件。文件。（

18、6）編寫）編寫“AddContactControl.as”文件。文件。22.5 Cairngorm22.5 Cairngorm實(shí)例實(shí)例（7）編寫）編寫“AddContactEvent.as”文件。文件。（8）編寫）編寫“AddContactCommand.as”文件。文件。（9）編寫）編寫“AddContactDelegate.as”文件。文件。（10）編寫）編寫“AddContactPanel.mxml”文件。文件。AddContactPanel組件是自定義的組件，確定了應(yīng)用程序的組件是自定義的組件，確定了應(yīng)用程序的主要外觀。主要外觀。（11）編寫）編寫“ContactThumbnail.mxml”文件。文件。（12）編寫）編寫“Cairngorm實(shí)例實(shí)例.mxml”文件。文件。（13）編寫）編寫“style.css”文件。文件。（14）按下）按下Ctrl