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

文章目录

  • Eclipse
  • IDEA

Eclipse

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

JavaFX
SceneBuilder


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

JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发_第2张图片

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

右键包名,新建 Other

JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发_第4张图片

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

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

JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发_第6张图片

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

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

JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发_第7张图片

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

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

JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发_第8张图片

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

JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发_第10张图片

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

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

IDEA

待更新 …

你可能感兴趣的:(#,Java)