1. 可創(chuàng)建項目類型
可通過Flex Builder 2.0創(chuàng)建下面3種類型的項目:
????
Flex 2 項目
?:基于Flex Framework;
????
AS 3.0 項目
?:創(chuàng)建ActionScript 3.0 ,使用AS動態(tài)繪制界面等。
????
Flex 庫項目
?:創(chuàng)建自己的庫文件,將Flex組件或者其他資源封裝在一起,形成一個SWC文件,F(xiàn)lex Framework就被封裝為一個SWC文件。可在任何地方使用。
2.
?
創(chuàng)建Flex項目 Flex Project
選擇菜單:File->New->Flex Project
?
????
?
Flex 有3種類型
?:
????
Basic
?:一般配置,適用于以HTTP或者Web Service等進(jìn)行數(shù)據(jù)傳送。
????
ColdFusion Flash Romoting Service
?:專用于和ColdFusion 服務(wù)端進(jìn)行Flash Remoting方式的通信。
????
Flex Data Services
?:用于FDS通信。FDS是Flex 2系列中的一個服務(wù)器端產(chǎn)品,提供了對Java對象的直接訪問、實(shí)時通信等功能。
?
這里我們選擇第一中類型
?
輸入項目的名稱 Project name和存放的路徑 Folder
?
配置程序的一些源代碼和運(yùn)行庫環(huán)境。默認(rèn),不用修改,點(diǎn)擊Finish,完成創(chuàng)建
?
等待Builder自動生成所有的基本文件(主程序文件、項目的庫文件配置、HTML頁面模板等),這時在左側(cè)的導(dǎo)航式視圖中,可以看到所有項目的文件結(jié)構(gòu):
?
bin: 用來存放程序編譯后輸出的SWF和HTML等一系列文件。XML文件、圖片、樣式表等其他資源也放在這里。
html-template:生成HTML頁面的文件模板,包括檢測用戶瀏覽器插件版本的JS腳本和自動下載最新插件的SWF文件。
HelloFlex.mxml :項目的主程序文件。
?
3. 插入組件和代碼
卻換到視圖模式,在組件面板中分別把Button和Label拖入到編輯區(qū)。卻換到代碼模式。
?
完整代碼如下:
- <? xml ? version = "1.0" ? encoding = "utf-8" ?> ??
- < mx:Application ? xmlns:mx = "http://www.adobe.com/2006/mxml" ? layout = "absolute" > ??
- ???
- ? < mx:Script > ??
- ?? <![CDATA[ ?
- ???internal?function?doClick():void{ ?
- ????tip_txt.text='歡迎來到RIA的世界--開始Flex之旅'; ?
- ???} ?
- ??]]> ??
- ? </ mx:Script > ??
- ???
- ? < mx:Button ? x = "41" ? y = "90" ? label = "Hello?Flex" ? click = "doClick()" /> ??
- ? < mx:Label ? id = "tip_txt" ? x = "41" ? y = "41" ? text = "你好,F(xiàn)lex" ? fontSize = "12" /> ???
- </ mx:Application > ??
mxml文件是一個標(biāo)準(zhǔn)的XML文件,只不過是以mxml為擴(kuò)展名。
mx:
?
為flex的命名空間,以后出現(xiàn)的標(biāo)簽不能以mx為命名空間。
<mx:Application>
?
為程序的根標(biāo)簽。代表一個應(yīng)用程序。一般對于應(yīng)用程序的設(shè)置在這個標(biāo)簽下。其他標(biāo)簽包含在里面。更多關(guān)于Application下次再介紹。
<mx:Script>
?
包含在里面的代碼是AS腳本,<![CDATA[]]>為XML標(biāo)準(zhǔn)輸出,就是不管里面的代碼是什么就輸出什么,可以避免<、>、&等跟XML解析時沖突。
<mx:Button> ? 定義一個按鈕,并綁定了click事件,觸發(fā)AS定義的doClick方法
<mx:Button> ? 定義一個按鈕,并綁定了click事件,觸發(fā)AS定義的doClick方法
<mx:Label>
?
定義了標(biāo)簽
?
4. 編譯和運(yùn)行程序
點(diǎn)擊工具欄的運(yùn)行圖標(biāo),開始編譯。如果程序有錯誤,將中止編譯,并在錯誤面板中列出錯誤信息。否則編譯結(jié)束后將自動打開瀏覽器,來顯示程序。點(diǎn)擊上面的按鈕標(biāo)簽顯示的文字變化。
trace('字符串'); 調(diào)試模式在控制臺輸出。
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯(lián)系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長非常感激您!手機(jī)微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
