本文和大家重點討論一下FlexBuilder開發(fā)特點，FlexBuilder對于MXML的開發(fā)提供了兩種模式，希望對你有所幫助。

FlexBuilder開發(fā)特點

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

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

1.UI設計器

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

2.組件工具欄

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

（點擊查看大圖）圖1.11FlexBuilder的設計界面

3.屬性編輯區(qū)

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

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

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

(1)切換FlexBuilder開發(fā)狀態(tài)為"Design"。

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

(3)添加一個Label組件到Panel組件(拖放過程中會有藍色直線定位提示)，在屬性編輯區(qū)，設定Text屬性為"HelloWorld.世界，你好！"。

如圖1.12所示，我們通過簡單的鼠標拖放操作就完成了這個HelloWorld程序。這種"所見即所得"的開發(fā)方式能大幅度地提高界面開發(fā)的效率。

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

在處理包結構時，可以直接在Flex項目下創(chuàng)建對應的文件夾，完成對Flex程序中ActionScript類的組織。

例如用FlexBuilder編輯示例Calculator的程序，可以直接在Calculator項目下創(chuàng)建myControls文件夾，并打包兩個ActionScript類文件Calculator.as和MyButton.as。在編碼過程中，FlexBuilder支持ActionScript的快速開發(fā)索引，圖1.13中MyButton繼承了Button類，即MyButton可以使用所有的Button操作。因此FlexBuilder會索引出Button的所有屬性和方法，提高了編碼的效率。

（點擊查看大圖）圖1.12使用FlexBuilder設計完成HelloWorld

（點擊查看大圖）圖1.13使用FlexBuilder3編寫ActionScript

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

【編輯推薦】

1. FlexBuilder快捷鍵使用說明
2. FlexBuilder2.0中創(chuàng)建基于約束的布局
3. Flex及FlexBuilder2.0開發(fā)環(huán)境詳解
4. FlexBuilder3.0與Eclipse3.4的***結合
5. Flex內存泄露解決方法和內存釋放優(yōu)化原則