Flex基礎(chǔ) 創(chuàng)建第一個(gè)Flex項(xiàng)目
本文和大家重點(diǎn)討論一下如何創(chuàng)建***個(gè)Flex項(xiàng)目,一些人熱衷于使用最少的代碼編寫"HelloWorld",但往往同時(shí)缺失了很多要點(diǎn)。僅僅通過3到4行的代碼,使用Flex也能編寫"HelloWorld"。本文的"HelloFlex"樣例稍顯復(fù)雜,我希望能利用這些代碼,盡量體現(xiàn)Flex應(yīng)用的本質(zhì),幫助你更深入地體會Flex技術(shù)。
創(chuàng)建***個(gè)Flex項(xiàng)目
***個(gè)Flex應(yīng)用--HelloFlex!
"HelloWorld"之類的例子是***的"***次"。一些人熱衷于使用最少的代碼編寫"HelloWorld",但往往同時(shí)缺失了很多要點(diǎn)。僅僅通過3到4行的代碼,使用Flex也能編寫"HelloWorld"。但本章的"HelloFlex"樣例稍顯復(fù)雜,我希望能利用這些代碼,盡量體現(xiàn)Flex應(yīng)用的本質(zhì),幫助你更深入地體會Flex技術(shù)。
如果在本節(jié)你讀到一些不甚明了的文字,別擔(dān)心,我們還有大量的篇幅和時(shí)間為你一一闡明。
現(xiàn)在,讓我們一起向Flex打聲招呼。
◆步驟一:創(chuàng)建***個(gè)Flex項(xiàng)目
在文件目錄系統(tǒng)中創(chuàng)建一個(gè)目錄(如C:\DONG\FlexBookWorkspace\),將它用作本書中所有樣例項(xiàng)目的工作空間(Workspace)。
你知道嗎?
工作空間(workspace)是所有項(xiàng)目的容器,具有自己特有的屬性和元數(shù)據(jù)設(shè)置。一個(gè)安裝好的Eclipse可以支持多個(gè)工作空間,你只須在啟動(dòng)時(shí)指定使用哪個(gè)工作空間。
啟動(dòng)FlexBuilder后,選中File→New→FlexProject創(chuàng)建項(xiàng)目。FlexBuilder(以下簡稱FB)彈出"新建Flex項(xiàng)目"向?qū)?,如圖2-5所示。
(點(diǎn)擊查看大圖)圖2-5創(chuàng)建項(xiàng)目向?qū)?/p>
如圖"創(chuàng)建項(xiàng)目向?qū)?quot;中所示,填寫項(xiàng)目名稱(ProjectName)為"HelloFlex",去掉"Usedefaultlocation"的選項(xiàng)框中的選擇,指定"C:\DONG\FlexBookWorkspace\HelloFlex"為項(xiàng)目位置。選擇"Webapplication(runsinFlashPlayer)"作為本項(xiàng)目的應(yīng)用類型,接受其他默認(rèn)設(shè)置,直接點(diǎn)擊"Finish"完成項(xiàng)目的創(chuàng)建。新創(chuàng)建的HelloFlex如圖2-6所示。
(點(diǎn)擊查看大圖)圖2-6創(chuàng)建的項(xiàng)目HelloFlex
FlexBuilder自動(dòng)生成主應(yīng)用文件:HelloFlex.mxml,如代碼2-1所示。
代碼2-1:自動(dòng)生成的主應(yīng)用文件
- <?xmlversionxmlversion="1.0"encoding="utf-8"?>
- <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute">
- </mx:Application>
Flex應(yīng)用程序就是普通XML文件,后綴名為mxml。因此,你可以看到MXML文件的***行是XML聲明,每個(gè)MXML文件的***行都必須如此。
<mx:Application>是Flex互聯(lián)網(wǎng)應(yīng)用程序的***個(gè)標(biāo)簽,也是Flex互聯(lián)網(wǎng)應(yīng)用程序的根標(biāo)簽。該標(biāo)簽定義了Flex互聯(lián)網(wǎng)應(yīng)用程序的應(yīng)用容器,開發(fā)者之后添加的任何容器、組件及ActionScript代碼最終都被包含或嵌入該標(biāo)簽中。
【編輯推薦】