Java 入門指南 V2.00 - 單元 19 - 認識 JavaFX 與 NetBeans
Java 入門指南 V2.00 - 單元 19 - 認識 JavaFX 與 NetBeans
![](https://lh3.googleusercontent.com/-VXFIr_hW7IY/VNmwnVu4q4I/AAAAAAAAYME/lOimsk4K80w/s288/java2_cover.png)
JavaFX 是 JDK 7u6 以後加進來的圖形程式庫 (library) ,目的是以更廣的適用性取代 Swing
![](https://lh3.googleusercontent.com/-Jsv26oVg7a4/VNmwofpc0xI/AAAAAAAAYM4/wjLmFAqMrBA/s640/javafx.png)
JavaFx 之前的圖形程式庫包括 AWT 跟 Swing ,不過這兩個圖形程式庫都是針對桌上型電腦設計圖形軟體用的,無法有效運用在瀏覽器或手機之中。
接下來我們利用隨 Java 8 下載的 NetBeans IDE 8.01 來開發 JavaFX 應用程式,開啟 NetBeans 之後,大略上分三區,如下圖
![](https://lh5.googleusercontent.com/-aSu8_eDrgVM/VNmwbQXaKPI/AAAAAAAAYRE/0Ps_C6volSE/s640/ide01.png)
左手邊是專案 (project) 檔案的目錄管理區,由於我們還沒有開啟專案,所以目前空白。右邊的區域較大,上為檔案編輯區,這裡因為第一次開啟所以顯示歡迎的畫面,裡頭有許多資源連結,下為程式輸出區。
我們先來試試樣本囉!點擊 Try a Sample Project
![](https://lh4.googleusercontent.com/-MpHro-fi0SU/VNmwbrVcB2I/AAAAAAAAYJM/NYdgLe8Cx0Q/s640/ide02.png)
就會出現 New Project 視窗,點擊 Categories 中的 JavaFX
![](https://lh6.googleusercontent.com/-BYRjA29inxo/VNmwb2B5LjI/AAAAAAAAYRE/7CdqrOewH-A/s640/ide03.png)
再選擇 Projects 裡的 AdvancedMedia ,最後點擊下方的〔Next〕按鈕
![](https://lh6.googleusercontent.com/-e_mivQlT8Mo/VNmwcS7HueI/AAAAAAAAYJY/-Ae0foVRDa0/s640/ide04.png)
這裡是專案名稱與路徑的管理視窗,我們採預設即可,點擊下方的〔Finish〕按鈕
![](https://lh4.googleusercontent.com/-Oa7CYZpVqlA/VNmwcrg0UwI/AAAAAAAAYRE/xvrYMV7xMfk/s640/ide05.png)
此時在「專案管理區」就出現了一個新的專案 AdvanceMedia
![](https://lh6.googleusercontent.com/-6UdjWjy2O0A/VNmwctOm2LI/AAAAAAAAYRE/s7asUeIh_g4/s640/ide06.png)
接著將滑鼠游標移到視窗上方的工具列,點擊〔Run〕按鈕
![](https://lh4.googleusercontent.com/-46gmzx90D-Y/VNmwdkZMmQI/AAAAAAAAYJs/A-MX5rGrDsQ/s640/ide07.png)
程式就會自動編譯執行,這個專案是一個媒體播放器
![](https://lh5.googleusercontent.com/-CIaL5n1dwMI/VNmwd7VEUgI/AAAAAAAAYRE/RHIA9CkLU5Q/s640/ide08.png)
利用專案的下拉式選單,我們也可以看到專案的檔案組成。
![](https://lh3.googleusercontent.com/-iips5xZdDV0/VNmwePBF16I/AAAAAAAAYQ8/7SqDshm-Dxw/s640/ide09.png)
NetBeans 提供不少樣本專案可供參考,我們接下來正式介紹如何新建自己的開發專案,以及開發 GUI 的 MVC 模式。
中英文術語對照
程式庫 | library |
專案 | project |
重點整理
- JavaFX 為 JDK 7u6 以後加進來的圖形程式庫。
- NetBeans 為 Java 官方提供的 IDE ,可依專案的方式開發 JavaFX 應用程式。
問題與討論
- JavaFX 跟 Swing 有什麼不同?
- IDE 的專案管理對開發程式有什麼方便的地方?
- 什麼是 MVC 模式?
the end
window.___gcfg = { 'lang': 'zh-TW' };
沒有留言:
張貼留言