在學習FlexBuilder的過程中，F(xiàn)lexBuilder開發(fā)特點是非常實用的內(nèi)容，這向大家簡單介紹一下，F(xiàn)lexBuilder開發(fā)對于MXML的開發(fā)提供了兩種模式。在FlexBuilder的編輯區(qū)上方可以看到Source和Design按鈕。

FlexBuilder開發(fā)特點

FlexBuilder對于MXML界面設(shè)計的支持是相當強大的，支持“所見即所得”的開發(fā)方式。MXML本身就是由標簽語言配置而成，因此我們對于MXML的操作方式更適合于配置和設(shè)計。同時，在MXML中我們會常常進行調(diào)用ActionScript腳本、調(diào)用自定義組件、做數(shù)據(jù)綁定等操作，F(xiàn)lexBuilder對這些方面都提供了完善的支持。

FlexBuilder開發(fā)對于MXML的開發(fā)提供了兩種模式。在FlexBuilder的編輯區(qū)上方可以看到Source和Design按鈕。Source為代碼編輯模式，我們可以手工書寫MXML代碼，完成ActionScript的編寫；Design為UI設(shè)計模式。當我們切換到UI設(shè)計狀態(tài)后，即切換到UI設(shè)計界面，如圖1.11所示。各功能區(qū)域的作用如下。

1.UI設(shè)計器

通過所見即所得的方式設(shè)計圖形界面。

2.組件工具欄

可以從中選取各種Flex可視化組件，放到UI設(shè)計器中。

圖1.11FlexBuilder的設(shè)計界面（點擊放大）

3.屬性編輯區(qū)

編輯選定Flex可視化組件的各種屬性。

設(shè)計界面的使用非常簡單，我們可以從組件工具欄里看到所有可用的界面或數(shù)據(jù)組件，可以直接拖放到UI設(shè)計器，并通過屬性編輯區(qū)來設(shè)定組件的屬性。同時在開發(fā)過程中在編輯狀態(tài)和設(shè)計狀態(tài)靈活切換。

我們回頭看看***個HelloWorld示例，如果使用FlexBuilder將如何完成。

◆切換FlexBuilder開發(fā)狀態(tài)為“Design”。

◆添加一個Panel組件到UI設(shè)計器，然后在屬性編輯區(qū)，設(shè)定Title的屬性為“FlexMXMLTest”。

◆添加一個Label組件到Panel組件(拖放過程中會有藍色直線定位提示)，在屬性編輯區(qū)，設(shè)定Text屬性為“HelloWorld.世界，你好！”。
如圖1.12所示，我們通過簡單的鼠標拖放操作就完成了這個HelloWorld程序。這種“所見即所得”的開發(fā)方式能大幅度地提高界面開發(fā)的效率。

另一方面，F(xiàn)lexBuilder對ActionScript也提供了強大的支持。FlexBuilder中包含著完整的FlexSDK，因此對ActionScript的各項特性支持都非常完善，并且與MXML的結(jié)合也非常緊密。

在處理包結(jié)構(gòu)時，可以直接在Flex項目下創(chuàng)建對應(yīng)的文件夾，完成對Flex程序中ActionScript類的組織。
例如用FlexBuilder編輯示例Calculator的程序，可以直接在Calculator項目下創(chuàng)建myControls文件夾，并打包兩個ActionScript類文件Calculator.as和MyButton.as。在編碼過程中，F(xiàn)lexBuilder支持ActionScript的快速開發(fā)索引，圖1.13中MyButton繼承了Button類，即MyButton可以使用所有的Button操作。因此FlexBuilder會索引出Button的所有屬性和方法，提高了編碼的效率。

圖1.12使用FlexBuilder設(shè)計完成HelloWorld（點擊放大）

圖1.13使用FlexBuilder3編寫ActionScript

FlexBuilder開發(fā)沿襲了Eclipse體系，大多數(shù)Eclipse支持的開發(fā)配置、快捷鍵、調(diào)試控制、代碼重構(gòu)等方面的優(yōu)勢都被FlexBuilder所支持。FlexBuilder同樣支持版本控制軟件(CVS)，我們可以把MXML代碼和ActionScript代碼都通過CVS進行管理，因此通過FlexBuilder實現(xiàn)大型項目的開發(fā)可以達到事半功倍的效果。

【編輯推薦】

1. 技術(shù)分享 使用FlexBuilder開發(fā)AIR應(yīng)用程序
2. 安裝FlexBuilder開發(fā)利器的兩種方式
3. Flex框架中Cairngorm和Mate的優(yōu)點大比拼
4. FlexBuilder3.0與Eclipse3.4的***結(jié)合
5. 解析Flex應(yīng)用開發(fā)步驟 新特性和技術(shù)框架