Flex學習手冊新手必備
本文和大家重點討論一下Flex學習手冊，F(xiàn)lex是一個提供開發(fā)設計和運行支持的架構，它可以使開發(fā)人員創(chuàng)建利用Adobe?Flash?Player9作為前臺的“富客戶端互聯(lián)網(wǎng)應用程序/richInternetapplications/RIA”，以滿足用戶更為直觀和***交互性的在線體驗。
Flex是如何工作的
該部分文檔的內容是為用戶提供關于Adobe?Flex工作機制的一個快速綜述。通過本章節(jié)的學習，你可以創(chuàng)建你的***個Flex應用程序，并將它與你以前所熟悉的Web開發(fā)技術進行比較，以領會Flex的內涵和精髓。
***節(jié)構建并運行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學習手冊中一個典型的Flex應用程序包括如下元素：
1.Flexframework
Adobe?Flex2framework包含了創(chuàng)建RIA所需要的所有組件，它們是：用于應用程序布局規(guī)劃的容器；針對用戶界面和從用戶處獲取數(shù)據(jù)的控制（例如文本框和按鈕）；廣泛支持的數(shù)據(jù)綁定、數(shù)據(jù)格式化、以及有效值驗證；事件驅動的開發(fā)模式。Flexframework被包含在公用組件庫（SWC）文件中。
2.MXML
每個Flex應用程序至少包含有一個MXML文件，它被作為該程序的主文件。MXML是一種標記語言，它是基于XML的一種實現(xiàn)，用來創(chuàng)建Flex應用程序。你可以使用它去聲明程序中所使用的標簽結構的定義。
3.ActionScript3.0
你可以使用ActionScript3.0為應用程序添加動態(tài)行為，它是基于ECMAScript的一種實現(xiàn)，類似于JavaScript。你可以將ActionScript作為一個腳本塊，在MXML文件中直接進行添加；或者創(chuàng)建一個單獨的ActionScript文件，然后將它們導入到MXML文件中。
4.CSS
你可以通過設置組件的屬性（properties）來改變組件（按鈕、列表框等）的視覺樣式。
例如，按鈕組件有一個fontFamily屬性，你可以使用它來進行字體的設置。樣式的屬性通常有四種方法來進行控制：通過主題(theme)；在CSS文件中進行定義；在MXML文件中的樣式塊中進行定義；在組件的實例中進行設置。
5.圖形資源
與很多應用程序一樣，Flex包含了各種各樣的圖形資源，如圖標和圖象。
6.數(shù)據(jù)
一些組件被使用來進行數(shù)據(jù)顯示（combobox或者datagrid）的工作。同時，你還可以使用各種方式來將這些組件與數(shù)據(jù)聯(lián)系起來，如使用數(shù)組、收集對象、數(shù)據(jù)模型、以及外部XML數(shù)據(jù)資源，等等。
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已經(jīng)很熟悉了，就能一眼識別出這個例子的格式。MXML代碼的頭兩行包含了版本號、編碼、以及命名空間的信息，文檔的主體包含的是程序的具體內容。
Flex應用程序所有的具體內容都被放在<mx:Application>標簽對中。同時，你還可以在父標簽對中嵌套其它的子標簽對（譯者注：反正標簽是成對出現(xiàn)的，這點一定要記?。?br />
該例子創(chuàng)建了一個簡單的程序，它在屏幕上顯示“SayhellotoFlex！”的文字。在該程序中，聲明了TextArea和Button組件，并設置了它們相應的text和label屬性。
備注：在MXML文件中的每個標簽都有前綴mx，它是Flex的設計命名空間。
【編輯推薦】
- 解析Flexbuilder4十大新特性
- 從Flex Builder更名看Flash平臺戰(zhàn)略
- Flex及FlexBuilder2.0開發(fā)環(huán)境詳解
- FlexBuilder3.0與Eclipse3.4的***結合
- 學習筆記 FlexBuilder2.0中如何使用基于Lists的控件
