本文和大家重點討論一下Flex和FlexBuilder2.0開發環境，AdobeFlex是為滿足希望開發RichInternet應用程序的企業級程序員的需求而推出的表示服務器和應用程序框架。Flex的基本元素是MXML文件。MXML文件是普通的XML文件,所以可以選擇多種開發環境。

什么是Flex

AdobeFlex是為滿足希望開發RichInternet應用程序的企業級程序員的需求而推出的表示服務器和應用程序框架。RIA將桌面軟件的響應速度和豐富功能與Web應用程序的廣度結合在一起，以提供效果更好的最終用戶體驗。Flex表示服務器提供基于標準的、聲明性的編程方法和流程，并提供運行時服務，用于開發和部署豐富客戶端應用程序的表示層。

Flex開發者使用直觀的基于XML的語言來定義豐富的用戶界面；該語言由Flex服務器翻譯成智能的客戶端應用程序，在普遍存在的Flash運行時環境中運行。返回頁首Flex解決什么問題？很多Web應用程序的用戶體驗不能令人滿意，從而導致了高棄用率、高培訓費用和投資的浪費。Flex提供一種新的技術以解決這些問題。在Flex出現之前,試圖解決用戶界面問題的企業級開發者常常因為HTML的局限性而遭受挫折。HTML起初是為瀏覽靜態文檔而設計的，并不適合于提供內容豐富、交互性強和數據驅動的應用程序。

Flex為這些程序員提供了一種方法，可以開發出將桌面軟件的強交互性和豐富內容與Web的廣度結合在一起的應用程序；程序員可以使用他們偏好的編程方法、開發流程。該方法還滿足了基礎結構與集成要求。Flex允許應用程序開發者描述應用程序的用戶界面布局和UI控件，并使用開發者熟悉的、基于標準的編程模型進行數據綁定。

上面的這段你看懂沒看懂沒關系，用我的理解就是Flex是一個基于FlashPlayer9.0的一個集成開發環境。使用者在制作的時候不用考慮過多的動畫因素，只用像寫XML文件或者在VisualStudio里開發.net應用程序一樣簡單。

FlexBuilder2.0開發環境

Flex的基本元素是MXML文件。MXML文件是普通的XML文件,所以可以選擇多種開發環境。簡單的文件編輯器、專用的XML編輯器或者支持文本編輯的集成開發環境(IDE)均可用于MXML代碼編寫。Flex提供專用的IDE,稱為AdobeFlexBuilder2,您可以使用它來開發應用程序。

FlexBuilder2.0的開發環境,這里就是MXML文件，Flex的“源代碼”

◆編譯后的運行效果

MXML文件的第一行是XML聲明。此行必須成為每個MXML文件的第一行。

下一行是標簽,它定義始終是Flex應用程序的根標簽的Application容器。來源：http://www.robinray.cn/2007/flex%e6%89%ab%e7%9b%b2%e6%95%99%e7%a8%8b%ef%bc%9a%e4%bb%80%e4%b9%88%e6%98%afflex/

標簽定義包含一個標題欄、一個標題、一條狀態消息、一個邊框和其子級的一個內容區域的Panel容器。其title屬性被設置為“MyApplication”。

標簽代表一個Label控件,一個用于顯示文本的非常簡單的用戶界面組件。其text屬性被設置為“Hello,World!”。

標簽的fontWeight和fontSize屬性改變使用的字體的樣式。還可以使用CSS來設置組件的樣式。

◆使用CSS來定義組件外觀

因為Flex開發環境是如此的簡單，相信學過.net或者是CSS的朋友應該能很快上手。

另外，現在網上已經有牛人用Flex開發出了很酷的幾種皮膚，您可以去http://www.scalenine.com/觀看并下載這些皮膚。

這個網站不錯：http://www.flex2.org/

Flex開發人員中心:
http://www.adobe.com/cn/devnet/flex/quickstart/coding_with_mxml_and_actionscript/

【編輯推薦】

1. FlexBuilder3.0與Eclipse3.4的完美結合
2. Flex安全沙箱問題解決方法
3. 技術前沿 看Flex客戶端緩存技術如何使用
4. FlexBuilder3.0ForEclipse3.3安裝方法
5. Flex內存泄露解決方法和內存釋放優化原則