在學(xué)習(xí)FlexBuilder開(kāi)發(fā)的過(guò)程中，它的開(kāi)發(fā)特點(diǎn)非常值得學(xué)習(xí)，首先讓我們來(lái)看一下如何使用FlexBuilder進(jìn)行開(kāi)發(fā)。

使用FlexBuilder進(jìn)行開(kāi)發(fā)

FlexBuilder開(kāi)發(fā)的主要界面都沿用了Eclipse的模型。在FlexBuilder3中，我們可以新建一個(gè)Flex項(xiàng)目，如圖1.9所示。

圖1.9新建Flex項(xiàng)目

暫時(shí)可以使用默認(rèn)方式創(chuàng)建Flex項(xiàng)目，將其命名為“HellowBuilder”，確認(rèn)之后就進(jìn)入了Flex的開(kāi)發(fā)環(huán)境。如圖1.10所示，這是一個(gè)FlexDevelop視圖的Eclipse界面，創(chuàng)建了HellowBuilder項(xiàng)目，F(xiàn)lexBuilder開(kāi)發(fā)自動(dòng)創(chuàng)建了一個(gè)HellowBuilder.mxml文件，并加入了MXML的基本代碼。當(dāng)我們完成程序設(shè)計(jì)時(shí)，只需右擊導(dǎo)航器中的mxml文件并在Runas菜單條目中選擇FlexApplication命令即可運(yùn)行程序，在Debugas菜單條目中選擇FlexApplication命令則可以進(jìn)行程序的跟蹤調(diào)試。各功能區(qū)域的作用如下。

◆菜單欄：IDE支持的所有開(kāi)發(fā)功能菜單。
◆工具欄：菜單欄中某些常用條目的快捷方式。
◆導(dǎo)航器：可以按照不同模式瀏覽當(dāng)前項(xiàng)目的文件結(jié)構(gòu)。
◆編輯區(qū)：代碼編寫(xiě)區(qū)域。
◆定制視圖：可以顯示控制臺(tái)、搜索窗口、調(diào)試窗口等信息。
◆大綱：顯示當(dāng)前代碼的組織結(jié)構(gòu)。

圖1.10AdobeFlexBuilder3的界面（點(diǎn)擊放大）

FlexBuilder開(kāi)發(fā)特點(diǎn)

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

FlexBuilder開(kāi)發(fā)對(duì)于MXML的開(kāi)發(fā)提供了兩種模式。在FlexBuilder的編輯區(qū)上方可以看到Source和Design按鈕。Source為代碼編輯模式，我們可以手工書(shū)寫(xiě)MXML代碼，完成ActionScript的編寫(xiě)；Design為UI設(shè)計(jì)模式。當(dāng)我們切換到UI設(shè)計(jì)狀態(tài)后，即切換到UI設(shè)計(jì)界面。
 

【編輯推薦】

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