Idea 配置JavaFX Scene Builder 2.0

本教程所用文件版本如下：

1. FX环境: openjfx - 1.0.2_windows-x64_bin-sdk.zip

   官网下载：https://gluonhq.com/products/javafx/

   官网进不去也可以通过：此网站

2. JavaFX Scene Builder 2.0（界面生成软件）

   官网下载：

一、配置JavaFX Scene Builder 2.0

1. 安装JavaFX Scene Builder 2.0（这个最简单，略）

2. 将 JavaFX Scene Builder 2.0.exe 添加到 Idea：

   设置（ctrl + alt + s）—搜索 FX 即可，如下图

idea默认已内置JavaFX插件（没有就下载）

4. 使用 JavaFX Scene Builder

   1. 新建FX项目：
      
   2. 默认三个文件（也可以后续修改嘛），其中 .fxml 右键使用 JavaFX Scene Builder 2.0.exe打开
      main：用于启动/运行程序
      Control: 控制器，控制组件（监听），
      sampel.fxml：在Scene Builder 2.0 编辑的页面

想看Scene Builder 2.0如何操作/组件作用：点击这里
这个写的很不错，至少比你在网上扒出的一堆教程还有用
（有些人只知道复制粘贴，复制粘贴就算了，还不是 重点部分，zzz）

2、配置：penjfx - 1.0.2_windows-x64_bin-sdk

若直接运行上面 自动生成的文件会报错，提示缺少 fx 。。组件
所以需要配置此环境

1. 解压文件到某目录（例如我的）
   
   lib 绝对路径：E:\Environment\javafx-sdk-11.0.2\lib

2. 添加 lib 到库
   1. 项目结构（ctrl +shift+ alt + s ）–>库–>添加（新建项目库）
   2. 选择java–>选择上面的lib 文件夹（直接贴路径）
   之后一堆确定/应用
   

此时运行如果还报错

上述lib的绝对路径：E:\Mysql\javafx-sdk-11.0.2\lib

1、新建路径变量

设置–搜索路径变量（path ）–新建：

1. 名称：PATH_TO_FX //理论上起什么名都行
2. 值：lib的绝对路径

2、修改运行配置

运行–编辑配置–
main文件（只要需要运行的）

以下是我测试成功的 VM设置：

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

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

如果还报错：

缺少fx.controls。。。。，检查 VM设置参数有没有出错

参考：Intellij IDEA 添加jar包的三种方式
Eclipse同Idea，也可以看下面在这篇文章
eclipse/IDEA配置javafx项目步骤(图文教程)