[教學]如何建立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的專案文件

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