使用Flash Builder 4 Beta(含新功能介紹)

Flex Builder官方更式命名了,並且推出Beta新版,稱為Flash Builder 4
(全球社羣熱烈的討論下,為了讓更多熟悉與不熟悉Adobe產品的人,更快看到名字就知道產品用意,因此,Flex Builder催促成Flash Builder為更貼近人心之命名)
註:Flex SDK仍保留原來Flex名稱,只有更名Flex Builder為Flash Builder。

Flash Builder 4.0版重點:
Flex 2~3版間做的功能己夠商用化,但好的產品還是要不斷更好纔行,這次Adobe卯足18個月的努力,將此版本重心放在三個,如:

*設計者與程序員間更緊密的工作流程
*以資料開發為中心
*提供更好的開發環境與測試環境

設計者與程序員間更緊密的工作流程:
在專案開始時,最需要設計者的創意靈感,而最終產品是否幾乎逼近原設計者的想法,其實不一定盡然,加上,設計人員常與開發人員間的溝通,是否有效?是否更可縮短時間,將畫面與動線完全百分百表達給開發者明白?這也是常發生鴻溝與默契之事,當然,團隊間的合作內容,是否真讓客戶滿意?這也是說與做間的結果論。

所以在新版的Flash Builder 4加了"New Flash Component"與"New Flash Container",以符合更佳的開發流程,你可以在原先的Flash開發環境上建立或編輯內容,按下"done"後,透過Fla與SWC檔就可以就直接回到Flash Builder 4專案裡繼續編輯。

而在Flash Catalyst裡,你可以利用不管是Photoshop或Illustrator,把編輯好的圖形匯入到Flash Catalyst中,Flash Catalyst主要是讓你將圖形轉換更佳的RIA介面,提供給Flash Builder使用,程式員匯入Flash Catalyst的專案檔後,就清楚知道介面與動線的來龍去脈,他只需要再去做好程式資料邏輯的動作,有任何問題也可以來回編修,構成更好的協同合作。

以資料開發為中心:
在開發RIA系統中,不管多麼包羅萬象的設計,但資料還是為最基礎元素,不管你是用數位儀錶板,或是Mash-up(混搭)的介面呈現,亦或改變了原先前端設計,保留住既有的後端程式(php,asp.net,coldfusion...等)與資料端,甚至是隻利用Webservice等服務媒介,伺服器或其細節設定或許會改變,但基本的「資料」仍在,你必須要更容易的去連結你需要的後端服務,並且綁定到你的Flex元件,這就是新版Flash Builder 4功能上要讓你輕鬆達成,加速你在開發結合動態資料上的體驗,讓困難變成簡單。

也因此新版重點就在:
*定義資料/服務模組
*綁定服務操作到Flex元件
*更能輕鬆完成資料操作功能,如:頁面顯示、進階的資料管理

將資料或服務模組在綁定模式下更加簡便:
你可能有許多的ColdFusion元件、PHP類別、Java或Webservice等既有的後端程式邏輯,不管如何,你要將資料與服務呈現在你的Flex前端,這之間的綁定就必須更加容易,這代表了,你後端不管用多複雜的技術,通通殊途同歸,化為單一的模組,將後端的操作綁定在單一的Flex元件上,如:DataGrid或List,這操作只要用滑鼠拖曳到Flex元件上就可以完成。這樣的操作,你可以很快做出主要與細項列表,或是圖表等。

更進階的資料管理功能:
這樣的Flex元件綁定概念,就是讓你的Flex前端管理後端的資料內容,根據實際需要纔去做資料的讀取、變更,甚至是回復上一個動作,請放心,這版本當然有自動的CRUD(也就是自動建立、讀取、更新、刪除資料的功能),這些通常在手工上的編程都是很費時間。
也因此,你可以快速創造出更好的前臺操作體驗,並在HTML裡執行。

提供更好的程式開發環境與測試環境:
*這重點擺在改善前版在重構程式、偵錯模式、剖析器上的功能。
*偵錯模式上加了條件式的停頓點、觀偵點、逐行執行以及表現式上的使用。
*剖析器現在也改善了"元件參考"報告。
*在程式碼的搬移上也新增了重構功能。(這也就是說,你可以指定要搬移的程式碼,全部有的程式檔都照著搬移好)

對於新版IDE(快速開發環境)上,你可以去嘗試以下幾個功能:
*getter/setter一般性操作
*事件程式碼上的操作
*新版的Package瀏覽器
* ASDoc也開始支援了Tooltips(工具使用提示)

對於MXML、ActionScript及CSS檔的自訂樣版,在此版也支援。

新版對於「測試」功能的改善
對於編程上的生產力,Flash Builder 4 beta也加了二個重要的測試系統功能,也就是"Network monitor"及"Flex Unit"

Network monitor可以讓你從Flash Builder上看出Flash前端與你後端伺服器上的網路擁塞狀況,這也是讓你清楚看出資料在某一點是有大量的停滯瓶頸,好讓你針對某點去改善其效能,驗出更好的系統表現。(這情況也可以分辨出是前臺還是伺服端出了問題)

Flex Unit就是在做單位測試,這對要開發的系統來說是很重要的一環,Flash builder整合了Flex Unit,好讓你測試內容是從安裝到檔案建立、程式運行、執行結果等分析。

命令列的建立系統與佈署
系統開發完成後,你可以藉由IDE提供的功能去創建與佈署系統,但你也可以從命令列下來執行,使更符合你要的程式結果。(此在Flex Builder3就有了,筆者尚未測試細節不同處)

以上為大致Flash Builder 4 Beta最新功能概況,亦有參考Tim Buntel文章:http://www.adobe.com/devnet/flex/art..._whatsnew.html
內容相似度大約85%,請要轉貼的朋友,註明來源為RiS社羣 http://forum.j2eemx.com


迫不及待要下載Flash Builder 4.0 Beta了嗎?
請至:http://www.adobe.com/cfusion/entitle..._flashbuilder4

註:參加6/20以後Flex課程的朋友,您將會開始看到課程中介紹Flash Builder精彩範例。

相關學習資源:
Flash Builder 4最新影片教學
http://labs.adobe.com/technologies/flash/videos/
Flex 4線上輔助文件
http://livedocs.adobe.com/flex/gumbo...f3b6-8000.html
Flex 4線上教學範例
http://livedocs.adobe.com/flex/gumbo...c9c9-8000.html
Flex 3系統移植到Flex 4
http://livedocs.adobe.com/flex/gumbo...dmigration.pdf
Flash Builder 4 FAQ
http://labs.adobe.com/technologies/f...ID=details#FAQ.
更多的Flash Builder 4範例教學
http://labs.adobe.com/technologies/f...er4/tutorials/
Flex 4 Beta線上ASDoc文件
http://livedocs.adobe.com/flex/gumbo/langref/
Flex 4 SDK Beta介紹
http://www.adobe.com/devnet/flex/art..._whatsnew.html
Flex 4 SDK下載
http://www.adobe.com/go/flex4sdk_download

原文來自:RIS

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章