Flex應用程序的開發(fā),編譯和發(fā)布
Flex應用程序有很多值得學習的地方,這里向大家簡單描述一下,通過本文的學習,你可以創(chuàng)建你的***個Flex應用程序,并將它與你以前所熟悉的Web開發(fā)技術進行比較,以領會Flex的內涵和精髓。
構建并運行Flex應用程序
Flex是一個提供開發(fā)設計和運行支持的架構,它可以使開發(fā)人員創(chuàng)建利用Adobe?
Flash?Player9作為前臺的“富客戶端互聯(lián)網(wǎng)應用程序/richInternetapplications/RIA”,以滿足用戶更為直觀和***交互性的在線體驗。
開發(fā)Flex應用程序的典型步驟如下:
1.選取一系列預先定制好的、用于設計應用程序界面的組件(如表格、按鈕等等)
2.布置組件以設計用戶界面。
3.使用樣式和主題來增強視覺方面的設計。
4.添加動態(tài)行為(例如程序部件之間的相互作用)。
5.定義并連接所需的數(shù)據(jù)庫服務。
6.將源代碼編譯成SWF文件,然后在FlashPlayer中運行。
Flex應用程序是如何編譯和發(fā)布的:
所有的元素都被編譯或連接到你的Flex應用程序中。Flex應用程序被編譯成一個SWF文件,然后在FlashPlayer下運行。當一個源代碼被編譯時,它就被轉換成ActionScript類(譯者注:這正是Flex精髓的地方之一,即提供從MXML到ActionScript的轉換),并與圖形和其它資源合并到SWF文件里。在運行時,SWF文件與所需的外部庫、服務和數(shù)據(jù)源進行交互。
一般的Flex應用程序并不需要服務器端所提供的支持。因此,你可以在你的本地計算機上編譯它們,然后在Web服務的HTML頁面中發(fā)布給你的用戶。
當然,你還可以將Flex與Adobe?FlexDataServices2、ColdFusionFlashRemotingService、或者其它Java和J2EEService服務器技術結合起來,進行B/S結構的網(wǎng)絡應用程
序的開發(fā)。
◆MXML:一切開始的地方
你可以在MXML中使用Flex所提供的組件來定義用戶界面。這里有一個主MXML程序文件的例子:
- <?xmlversionxmlversion="1.0"encoding="utf-8"?>
- <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
- layout="absolute">
- <mx:Panel>
- <mx:TextAreatextmx:TextAreatext="SayhellotoFlex!"/>
- <mx:Buttonlabelmx:Buttonlabel="Close"/>
- </mx:Panel>
- </mx:Application>
如果你對XML已經很熟悉了,就能一眼識別出這個例子的格式。MXML代碼的頭兩行包含了版本號、編碼、以及命名空間的信息,文檔的主體包含的是程序的具體內容。
Flex應用程序所有的具體內容都被放在<mx:Application>標簽對中。同時,你還可以在父標簽對中嵌套其它的子標簽對(譯者注:反正標簽是成對出現(xiàn)的,這點一定要記住)。
該例子創(chuàng)建了一個簡單的程序,它在屏幕上顯示“SayhellotoFlex!”的文字。在該程序中,聲明了TextArea和Button組件,并設置了它們相應的text和label屬性。
備注:在MXML文件中的每個標簽都有前綴mx,它是Flex的設計命名空間。
【編輯推薦】