Flex應用程序組成元素和開發(fā)步驟解析
你對Flex應用程序的概念是否了解,這里和大家分享一下,通過本章節(jié)的學習,你可以創(chuàng)建你的第一個Flex應用程序,并將它與你以前所熟悉的Web開發(fā)技術(shù)進行比較,以領(lǐng)會Flex的內(nèi)涵和精髓。
構(gòu)建并運行Flex應用程序
Flex是一個提供開發(fā)設(shè)計和運行支持的架構(gòu),它可以使開發(fā)人員創(chuàng)建利用Adobe?
Flash?Player9作為前臺的“富客戶端互聯(lián)網(wǎng)應用程序/richInternetapplications/RIA”,以滿足用戶更為直觀和極具交互性的在線體驗。
開發(fā)Flex應用程序的典型步驟:
1.選取一系列預先定制好的、用于設(shè)計應用程序界面的組件(如表格、按鈕等等)
2.布置組件以設(shè)計用戶界面。
3.使用樣式和主題來增強視覺方面的設(shè)計。
4.添加動態(tài)行為(例如程序部件之間的相互作用)。
5.定義并連接所需的數(shù)據(jù)庫服務。
6.將源代碼編譯成SWF文件,然后在FlashPlayer中運行。
一個典型的Flex應用程序包括如下元素:
1.Flexframework
Adobe?Flex2framework包含了創(chuàng)建RIA所需要的所有組件,它們是:用于應用程序布局規(guī)劃的容器;針對用戶界面和從用戶處獲取數(shù)據(jù)的控制(例如文本框和按鈕);廣泛支持的數(shù)據(jù)綁定、數(shù)據(jù)格式化、以及有效值驗證;事件驅(qū)動的開發(fā)模式。Flexframework被包含在公用組件庫(SWC)文件中。
2.MXML
每個Flex應用程序至少包含有一個MXML文件,它被作為該程序的主文件。MXML是一種標記語言,它是基于XML的一種實現(xiàn),用來創(chuàng)建Flex應用程序。你可以使用它去聲明程序中所使用的標簽結(jié)構(gòu)的定義。
3.ActionScript3.0
你可以使用ActionScript3.0為應用程序添加動態(tài)行為,它是基于ECMAScript的一種實現(xiàn),類似于JavaScript。你可以將ActionScript作為一個腳本塊,在MXML文件中直接進行添加;或者創(chuàng)建一個單獨的ActionScript文件,然后將它們導入到MXML文件中。
4.CSS
你可以通過設(shè)置組件的屬性(properties)來改變組件(按鈕、列表框等)的視覺樣式。
例如,按鈕組件有一個fontFamily屬性,你可以使用它來進行字體的設(shè)置。樣式的屬性通常有四種方法來進行控制:通過主題(theme);在CSS文件中進行定義;在MXML文件中的樣式塊中進行定義;在組件的實例中進行設(shè)置。
5.圖形資源
與很多應用程序一樣,F(xiàn)lex包含了各種各樣的圖形資源,如圖標和圖象。
6.數(shù)據(jù)
一些組件被使用來進行數(shù)據(jù)顯示(combobox或者datagrid)的工作。同時,你還可以使用各種方式來將這些組件與數(shù)據(jù)聯(lián)系起來,如使用數(shù)組、收集對象、數(shù)據(jù)模型、以及外部XML數(shù)據(jù)資源,等等。
【編輯推薦】