flex使用方法的示例分析

這篇文章主要介紹flex使用方法的示例分析，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

Flex是如何工作的

該部分文檔的內容是為用戶提供關于Adobe?Flex工作機制的一個快速綜述。通過本章節的學習，你可以創建你的***個Flex應用程序，并將它與你以前所熟悉的Web開發技術進行比較，以領會Flex的內涵和精髓。

***節構建并運行Flex應用程序

Flex學習手冊中Flex是一個提供開發設計和運行支持的架構，它可以使開發人員創建利用Adobe?
Flash?Player9作為前臺的“富客戶端互聯網應用程序/richInternetapplications/RIA”，以滿足用戶更為直觀和***交互性的在線體驗。

◆開發Flex應用程序的典型步驟如下（通常是這樣）：

1.選取一系列預先定制好的、用于設計應用程序界面的組件（如表格、按鈕等等）
2.布置組件以設計用戶界面。
3.使用樣式和主題來增強視覺方面的設計。
4.添加動態行為（例如程序部件之間的相互作用）。
5.定義并連接所需的數據庫服務。
6.將源代碼編譯成SWF文件，然后在FlashPlayer中運行。

◆Flex學習手冊中一個典型的Flex應用程序包括如下元素：

1.Flexframework

Adobe?Flex2framework包含了創建RIA所需要的所有組件，它們是：用于應用程序布局規劃的容器；針對用戶界面和從用戶處獲取數據的控制（例如文本框和按鈕）；廣泛支持的數據綁定、數據格式化、以及有效值驗證；事件驅動的開發模式。Flexframework被包含在公用組件庫（SWC）文件中。

2.MXML

每個Flex應用程序至少包含有一個MXML文件，它被作為該程序的主文件。MXML是一種標記語言，它是基于XML的一種實現，用來創建Flex應用程序。你可以使用它去聲明程序中所使用的標簽結構的定義。

3.ActionScript3.0

你可以使用ActionScript3.0為應用程序添加動態行為，它是基于ECMAScript的一種實現，類似于JavaScript。你可以將ActionScript作為一個腳本塊，在MXML文件中直接進行添加；或者創建一個單獨的ActionScript文件，然后將它們導入到MXML文件中。

4.CSS

你可以通過設置組件的屬性（properties）來改變組件（按鈕、列表框等）的視覺樣式。
例如，按鈕組件有一個fontFamily屬性，你可以使用它來進行字體的設置。樣式的屬性通常有四種方法來進行控制：通過主題(theme)；在CSS文件中進行定義；在MXML文件中的樣式塊中進行定義；在組件的實例中進行設置。

5.圖形資源

與很多應用程序一樣，Flex包含了各種各樣的圖形資源，如圖標和圖象。

6.數據

一些組件被使用來進行數據顯示（combobox或者datagrid）的工作。同時，你還可以使用各種方式來將這些組件與數據聯系起來，如使用數組、收集對象、數據模型、以及外部XML數據資源，等等。

Flex應用程序是如何編譯和發布的：

Flex學習手冊中Flex應用程序被編譯成一個SWF文件，然后在FlashPlayer下運行。當一個源代碼被編譯時，它就被轉換成ActionScript類（譯者注：這正是Flex精髓的地方之一，即提供從MXML到ActionScript的轉換），并與圖形和其它資源合并到SWF文件里。在運行時，SWF文件與所需的外部庫、服務和數據源進行交互。

一般的Flex應用程序并不需要服務器端所提供的支持。因此，你可以在你的本地計算機上編譯它們，然后在Web服務的HTML頁面中發布給你的用戶。
當然，你還可以將Flex與Adobe?FlexDataServices2、ColdFusionFlashRemotingService、或者其它Java和J2EEService服務器技術結合起來，進行B/S結構的網絡應用程
序的開發。

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>標簽對中。同時，你還可以在父標簽對中嵌套其它的子標簽對（譯者注：反正標簽是成對出現的，這點一定要記住）。
該例子創建了一個簡單的程序，它在屏幕上顯示“SayhellotoFlex！”的文字。在該程序中，聲明了TextArea和Button組件，并設置了它們相應的text和label屬性。

備注：在MXML文件中的每個標簽都有前綴mx，它是Flex的設計命名空間。

以上是“flex使用方法的示例分析”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！