JAVAFX學習入門篇，想用JAVA寫窗口應用的同學可以看看

本文是作者學習JavaFX的點滴記錄，個人喜歡寫些圖形界面小工具，有不足之處歡迎JavaFX高手指點一二。

作為一名從業多年的Java開發人員，在工作當中總是會遇到一些重複的勞動，比如：調試介面、編寫介面文檔等等。相信大部分「懶惰」的開發人員都會編寫小程序來處理這些重複的勞動以提高工作效率。

早些年作者利用Java Swing寫過一些圖形界面小工具。有為美化Swingl界面去找過皮膚的同學可能知道substance這個皮膚包很不錯，使用方便而且可用的皮膚很多。作者之前開發的增量打包、http介面調試小工具用的就是substance這款皮膚。這個小工具源碼已經上傳到github上了，有興趣的同學可以前往作者github 用戶名：ajtdnyy 查看。

JavaFX是Oracle公司推出的輕型、可硬體加速的Java UI平台，是Java富客戶端平台發展的新趨勢。JavaFX可以很好的將開發與設計分開，使得開發人員更專註於業務邏輯及功能開發，設計人員更專註於UI的美化及用戶體驗的提升。

學習JavaFX 所用到的工具是Netbeans 8.2及JavaFX Scene Builder 2.0，所需開發環境建議JDK8+。這些都在Oracle官方可以下載到，這裡不多說。今天要介紹的是一個入門的Demo程序，通過Netbeans新建項目及JavaFX Scene Builder構建UI界面。搭建好環境並安裝好開發工具之後，打開Netbeans新建項目，選擇類別為JavaFX，項目為JavaFX應用程序，點擊下一步，如下圖所示：

項目建立完成之後，再新建一個demo.fxml布局文件，同時指定控制器類DemoController及級聯樣式文件demo.css。具體操作如下圖所示：

新建完成之後項目結構如下圖所示：

前面已經安裝好了JavaFX Scene Builder，所以雙擊fxml文件時Netbeans會自動調用JavaFX Scene Builder打開demo.fxml進行場景編輯。在場景編輯器中左側Library為JavaFX組件區，該區域組件有容器、控制項、菜單等，根據需要從該區域選擇控制項拖放到場景中。有過UI開發經驗的同學應該都知道容器、組件、布局這些概念，有不了解這些概念的同學請自行查找相關資料，這裡不再說明。示例中將菜單組件拖放到場景中，並設置好布局位置左、上、右分別為零。設置布局在場景編輯器右側，默認展開的是 Properties屬性設置界面，在Properties底部點擊Layout展開布局設置界面，設置完成如下圖所示，按Ctrl+S保存場景：

保存好布局之後回到Netbeans中修改JavaFXDemo.java文件strart方法。修改之後如下：

public void start(Stage stage) {

try {

FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("/resources/demo.fxml"));

Parent root = fxmlLoader.load();

Scene scene = new Scene(root);

stage.setScene(scene);

stage.setTitle("JavaFX Demo");

stage.show();

} catch (IOException ex) {

}

}

切換項目到文件視圖，找到build.xml並右鍵點擊，在彈出菜單中選擇運行目標、compile編譯項目。如下圖所示：

編譯完成之後在JavaFXDemo.java編輯窗口中右鍵點擊，選擇運行文件，另一種運行方式是在上圖右鍵菜單中選擇jfx-project-run。操作及運行效果如下圖所示：

圖左邊是運行JavaFX操作，右邊為運行效果圖

到此最簡單的JavaFX示常式序就編寫完成了，後續更多控制項的使用，交互事件的處理等內容將慢慢跟大家分享。有興趣一起學習的同學可以關注作者。本例源碼：https://github.com/ajtdnyy/JavaFXDemo

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！