Eclipse

首先下载并安装好新版的 JavaFX 和 SceneBuilder,

JavaFX
SceneBuilder

Eclipse 中搜索 Marketplace, 安装好插件 E(fx)clipse
JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发
安装完成成, 在设置里配置好路径

JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发

现在开始新建一个 JavaFX项目
JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发

右键包名,新建 Other

JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发

选择 New FXML Document, 然后输入文件名完成即可
JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发

右键新建的 fxml文件, 选择用 SceneBuilder 打开

JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发

在 SceneBuilder中布局好了之后保存退出, 进入 eclipse界面

手动到导入包名, 并修改 Pane, 绑定到我们在 SceneBuilder中布局好的Pane

JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发

如果遇到
The method load(URL) from the type FXMLLoader refers to the missing type Pan
这个问题,
只需要将 import 的包名, 删了重新导即可

最后编译运行即可, 如图效果

JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发

逻辑相关代码需要添加 fx:controller+控制类名, 然后生成控制类, 如图
JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发

JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发

在控制类里写逻辑相关代码

如果要再修改界面, 则需要将加入的 :fx:controller 去掉

IDEA

待更新 …