FlexBuilder開發方法及特點解析
在學習FlexBuilder開發的過程中,它的開發特點非常值得學習,首先讓我們來看一下如何使用FlexBuilder進行開發。
使用FlexBuilder進行開發
FlexBuilder開發的主要界面都沿用了Eclipse的模型。在FlexBuilder3中,我們可以新建一個Flex項目,如圖1.9所示。
圖1.9新建Flex項目
暫時可以使用默認方式創建Flex項目,將其命名為“HellowBuilder”,確認之后就進入了Flex的開發環境。如圖1.10所示,這是一個FlexDevelop視圖的Eclipse界面,創建了HellowBuilder項目,FlexBuilder開發自動創建了一個HellowBuilder.mxml文件,并加入了MXML的基本代碼。當我們完成程序設計時,只需右擊導航器中的mxml文件并在Runas菜單條目中選擇FlexApplication命令即可運行程序,在Debugas菜單條目中選擇FlexApplication命令則可以進行程序的跟蹤調試。各功能區域的作用如下。
◆菜單欄:IDE支持的所有開發功能菜單。
◆工具欄:菜單欄中某些常用條目的快捷方式。
◆導航器:可以按照不同模式瀏覽當前項目的文件結構。
◆編輯區:代碼編寫區域。
◆定制視圖:可以顯示控制臺、搜索窗口、調試窗口等信息。
◆大綱:顯示當前代碼的組織結構。
圖1.10AdobeFlexBuilder3的界面(點擊放大)
FlexBuilder開發特點
FlexBuilder對于MXML界面設計的支持是相當強大的,支持“所見即所得”的開發方式。MXML本身就是由標簽語言配置而成,因此我們對于MXML的操作方式更適合于配置和設計。同時,在MXML中我們會常常進行調用ActionScript腳本、調用自定義組件、做數據綁定等操作,FlexBuilder對這些方面都提供了完善的支持。
FlexBuilder開發對于MXML的開發提供了兩種模式。在FlexBuilder的編輯區上方可以看到Source和Design按鈕。Source為代碼編輯模式,我們可以手工書寫MXML代碼,完成ActionScript的編寫;Design為UI設計模式。當我們切換到UI設計狀態后,即切換到UI設計界面。
【編輯推薦】
- FlexBuilder開發特點大揭秘
- 安裝FlexBuilder開發利器的兩種方式
- Flex框架中Cairngorm和Mate的優點大比拼
- FlexBuilder3.0與Eclipse3.4的***結合
- 解析Flex應用開發步驟 新特性和技術框架