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

什么是Flex

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

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

Flex為這些程序員提供了一種方法，可以開發(fā)出將桌面軟件的強(qiáng)交互性和豐富內(nèi)容與Web的廣度結(jié)合在一起的應(yīng)用程序；程序員可以使用他們偏好的編程方法、開發(fā)流程。該方法還滿足了基礎(chǔ)結(jié)構(gòu)與集成要求。Flex允許應(yīng)用程序開發(fā)者描述應(yīng)用程序的用戶界面布局和UI控件，并使用開發(fā)者熟悉的、基于標(biāo)準(zhǔn)的編程模型進(jìn)行數(shù)據(jù)綁定。

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

FlexBuilder2.0開發(fā)環(huán)境

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

FlexBuilder2.0的開發(fā)環(huán)境,這里就是MXML文件，F(xiàn)lex的“源代碼”

◆編譯后的運(yùn)行效果

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

下一行是標(biāo)簽,它定義始終是Flex應(yīng)用程序的根標(biāo)簽的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/

標(biāo)簽定義包含一個標(biāo)題欄、一個標(biāo)題、一條狀態(tài)消息、一個邊框和其子級的一個內(nèi)容區(qū)域的Panel容器。其title屬性被設(shè)置為“MyApplication”。

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

標(biāo)簽的fontWeight和fontSize屬性改變使用的字體的樣式。還可以使用CSS來設(shè)置組件的樣式。

◆使用CSS來定義組件外觀

因為Flex開發(fā)環(huán)境是如此的簡單，相信學(xué)過.net或者是CSS的朋友應(yīng)該能很快上手。

另外，現(xiàn)在網(wǎng)上已經(jīng)有牛人用Flex開發(fā)出了很酷的幾種皮膚，您可以去http://www.scalenine.com/觀看并下載這些皮膚。

這個網(wǎng)站不錯：http://www.flex2.org/

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

【編輯推薦】

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