[教學]如何建立Flex的專案文件?

Adobe Flex Builder 3安裝好後,我們就要開始使用軟體寫Flex程式囉!當然寫程式前一定要先建立檔案、專案等等。在Flex中,我們必須新建立一個專案並請對應好要使用的伺服器目錄等設定後,才能開始寫Flex,否則就失去使用Flex Builder的意義了。


基本上如果你有學過Java,這個建立方式似乎有點類似,建立好後會有個原始碼資料夾(src)、有個編譯後產生的可執行檔(預設是在bin-debug),還有函式庫(libs)等等資料夾,分別存放不同的東西。當然新專案文件建立的方式並不困難,只要滑鼠點一點,整個專案就出現了,然後再把通西拖曳設定,Flex就完成了表面囉!當然後續有機會的話,我們會再和大家做粗略的介紹,因為我自己也是這方面的新手,這篇文章筆記成分居多。

建立Flex Project新專案

第1步 開啟Adobe Flex Builder後,點擊左上方的【File】→【New】→【Flex Project】來建立一個新專案。

建立Flex的專案文件

第2步 請依照畫面中的指示設定您的Project(專案)。因為我自己的作業是會使用到PHP,所以我先在本機安裝TWAMP伺服器並且起用,然後在專案的儲存地方選擇到伺服器的根目錄。

  • Project name:專案名稱
  • Folder:專案儲存位置,如果您是有搭配到伺服器執行,建議您直接放在伺服器的根目錄下方就可以了。
  • Application server type:伺服器環境

建立Flex的專案文件

第3步 在「Web root」部分請找到您本機的伺服器路徑,在「Root URL」請輸入本機伺服器的網址,一般來說就是「http://127.0.0.1」或是「http://localhost」,接著請點擊﹝Validate Configuration﹞檢測網站路徑是否正確,若是正確則會顯示「The web root folder and root URL are valid.」,若不是出現此訊息請檢查伺服器是否有開啟?路徑是否有設定正確?當這部分完成後,請點擊﹝Next﹞。

建立Flex的專案文件

第4步 接著這是設定Source和Library的路徑,基本上不用修改。至於下方的「Main applocation file」 則是初始檔案,可以修改成任何名稱,完成請點擊﹝Finish﹞。

建立Flex的專案文件

第5步 接著會來到專案主畫面,您就可以在Flex編輯區切換「原始碼」或是「預覽模式」來編輯您的Flex程式囉!切換到「預覽模式」,可以拖曳左下角的「可用物件」,當物件拖曳到編輯區後,可以透過右手邊的「物件屬性調整」來設定。在畫面左上方有個專案管理,他會列出你著個專案所擁有的檔案、資料夾等等。如果Flex程式撰寫有錯誤,在畫面最下方會出現提示訊息。

建立Flex的專案文件

(↑若此圖看不清楚,您可以點圖片看大圖。)