IDEA中新建JavaFX项目并运行

发布于 23 天前  4 次阅读


1.新建项目

点击IDEA的新建项目。
e13775bdf505a26a999a1a3e1abf6051.png
选择JavaFX项目,再选择SDK(如果没有则需要点击选项中的下载),然后再点击 next 下一步。
4eb8f9837a116d679c1cb3c3e9f2fb87.png
接着就是填写项目名称和选择文件路径了
89d3dd2e2efb32db7c6d027266728df1.png
此时项目虽然已经创建完成,但是可以发现JavaFX相关的包都没有找到,这是因为还没有导入的缘故。
09bb4e39280a07f75f5711e13c940b10.png

2.导入JavaFX SDK作为项目的Libraries

首先打开项目的配置菜单
37b22e44e14d8986bd125357dedb36de.png
然后切换到Libraries选项中
20a6b3b1b900ecd991434bd36efa7a2d.png
点击+号,选择Java再选中下载的JavaFX SDK目录中的lib目录。
f9cc32734082ab1742687648eac798f6.png
点击OK添加到Modules
1d0acaa7d9ebd25f44023e3eca2fa94f.png
再Apply并OK,此时已经能找到这些包了,完成了导入
55a2b70fb66f28c54b7503acb88c7993.png

3.添加虚拟机选项

完成了上面两步后,还是不能正常运行,这是因为还需要配置运行程序所需要的虚拟机选项。
首先打开IDEA的配置菜单,我们需要先配置个JavaFX SDK的路径作为全局变量。
c8f33d53aae6db4eb0cccb8d9aa3b86e.png
点击下方的+号添加即可
40f1047e4c56b806c44b684110cdcdeb.png
这里我将变量名填写为PATH_TO_FX
acc424065e8c474c7e20744518d8e610.png
保存并关闭设置窗口。
接着,我们需要配置虚拟机选项,在Run菜单中选择Edit Configuration...
e831486633abe6ed95cbf392f9181969.png
我这个版本的IDEA会将VM Option这个配置项隐藏起来,需要手动点开
0ccb8425bcc012f37486c08ee8f9de1e.png
接着在新出现的配置框中填上

--module-path ${PATH_TO_FX} --add-modules javafx.controls,javafx.fxml

2b4fd344e602cb15ff2ee6d2c7db43ba.png
这里的意思是将JavaFX中的fxml这个模块添加到项目中,${PATH_TO_FX}就是我们在前面配置的全局变量。

4.统一版本

/Users/momo/Documents/code/java/JavaFxDemo/HelloWorld2/src/sample/Main.java:3:26
java: 无法访问javafx.application.Application
  错误的类文件: /Users/momo/Documents/code/java/lib/javafx-sdk-11.0.2/lib/javafx.graphics.jar!/javafx/application/Application.class
    类文件具有错误的版本 54.0, 应为 52.0
    请删除该文件或确保该文件位于正确的类路径子目录中。

如果看到这样的报错,那是因为JDK的版本和JavaFX SDK的版本不一致的缘故。
由于我下载的JavaFX SDK版本是11的,所以我需要将JDK的版本也更改为11。
首先改项目的配置
3b943db6e71810a82dff64adccd5981f.png
然后再度运行,已经可以运行成功了
4a4efa84a06bfe734c419e0b87ef0114.png


做一只特立独行的猪