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

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