本文和大家重點(diǎn)討論一下FlexBuilder2.0速學(xué)教程之編譯應(yīng)用程序，這個(gè)速學(xué)教程教你該如何在FlexBuilder2.0中編譯與運(yùn)行Flex應(yīng)用程序。相信通過本節(jié)的介紹你對編譯應(yīng)用程序的方法一定會(huì)有深刻的認(rèn)識(shí)。

FlexBuilder2.0速學(xué)教程之編譯應(yīng)用程序

這個(gè)速學(xué)教程教你該如何在FlexBuilder2.0中編譯與運(yùn)行Flex應(yīng)用程序。

開始之前

開始這個(gè)速學(xué)教程之前，確定你完成下面的任務(wù):
◆在FlexBuilder2.0中創(chuàng)建QuickStart項(xiàng)目。
◆在FlexBuilder2.0中打開Project菜單中確認(rèn)BuildAutomatically選項(xiàng)已選上,如下:

這個(gè)選項(xiàng)在FlexBuilder2.0的standalone版本中是默認(rèn)選上的。(-_-!!但不知為什麼我的沒有被默認(rèn)選上)

學(xué)習(xí)在FlexBuilder2.0中編譯

在你用FlexBuilder2.0編譯之前，先說一些核心概念。
默認(rèn)地,FlexBuilder2.0的standalone版本中當(dāng)你添加文件到項(xiàng)目中或當(dāng)你編輯后保存項(xiàng)目文件,FlexBuilder2.0會(huì)動(dòng)創(chuàng)建應(yīng)用程序。
編譯后,FlexBuilder2.0會(huì)將調(diào)試與發(fā)布的SWF文件放到默認(rèn)的輸出文件夾bin文件夾中。

FlexBuilder2.0并會(huì)産生運(yùn)行在瀏覽器中包裝SWF的HTML文件。

注意:瀏覽器必須了安裝FlashPlayer8.5，F(xiàn)lex2應(yīng)用程序才能在瀏覽器中運(yùn)行。

當(dāng)你創(chuàng)建一個(gè)新的項(xiàng)目時(shí),FlexBuilder2.0自動(dòng)地産生項(xiàng)目的配置文件,bin文件夾與主應(yīng)用程序文件。在一個(gè)項(xiàng)目中可以有一個(gè)以上的應(yīng)用程序文件,但只能有一個(gè)指定的主應(yīng)用程序文件。
你隨時(shí)可以指定其他文件為主應(yīng)用程序文件。所有的應(yīng)用程序文件必須保存在Flex項(xiàng)目的根目錄下。
現(xiàn)在你明白基本概念后,你能在FlexBuilder2.0中創(chuàng)建一個(gè)小的應(yīng)用程序與編譯并運(yùn)行他。

編譯與運(yùn)行應(yīng)用程序

當(dāng)BuildAutomatically已選上了,你在FlexBuilder2.0中添加文件到項(xiàng)目中或當(dāng)你編輯后保存項(xiàng)目文件,FlexBuilder2.0會(huì)動(dòng)編譯你的應(yīng)用程序。
這部分假設(shè)你已創(chuàng)建了QuickStart項(xiàng)目與BuildAutomatically已選上了。

1.打開FlexBuilder2.0差雙擊QuickStart.mxml文件。

2.在工具條上點(diǎn)擊Code按鈕,將視圖轉(zhuǎn)為代碼視圖。

當(dāng)你創(chuàng)建QuickStart.mxml文件時(shí),FlexBuilder2.0自動(dòng)插入下面的代碼:
程序代碼：
 

<?xmlversionxmlversion="1.0"encoding="utf-8"?> 
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.macromedia.com/2005/mxml" 
xmlns="*"> 
<mx:Canvaswidthmx:Canvaswidth="100%"height="100%"> 
</mx:Canvas> 
</mx:Application> 

3.在<mx:Canvas>與</mx:Canvas>標(biāo)簽中輸入下面的代碼:

程序代碼：
 

<mx:Labeltextmx:Labeltext="WelcometoFlex!"mouseDownEffect="WipeRight"x="20"y="20"/> 

這個(gè)標(biāo)簽插入一個(gè)Label控件到Canvas容器中,并設(shè)定了Labe控件l在Canvas容器中的位置與事件。
貼士:你能在工具條上點(diǎn)擊Design按鈕預(yù)覽這個(gè)控件。

4.保存文件。

當(dāng)你保存時(shí),FlexBuilder2.0自動(dòng)創(chuàng)建應(yīng)用程序。你能看到在窗口的右下角看到創(chuàng)建的進(jìn)度。

5.完成創(chuàng)建后,在工具條上點(diǎn)擊Run按鈕啟動(dòng)應(yīng)用程序。

瀏覽器自動(dòng)打開并運(yùn)行應(yīng)用程序

注意:瀏覽器必須了安裝FlashPlayer8.5，F(xiàn)lex2應(yīng)用程序才能在瀏覽器中運(yùn)行。

6.點(diǎn)擊“WelcometoFlex!”文字看看他的效果。
 

【編輯推薦】

1. FlexBuilder快捷鍵使用說明
2. Flex安全沙箱問題解決方法
3. Flex及FlexBuilder2.0開發(fā)環(huán)境詳解
4. FlexBuilder3.0與Eclipse3.4的完美結(jié)合
5. Flex內(nèi)存泄露解決方法和內(nèi)存釋放優(yōu)化原則