IDEA中使用scene builder

柔情只为你懂 2022-04-23 07:02 565阅读 0赞

## 一、什么是JavaFX Scene Builder? ##

JavaFX Scene Builder是一种可视布局工具，允许用户快速设计JavaFX应用程序用户界面，而无需编码。用户可以将UI组件拖放到工作区，修改其属性，应用样式表，并且它们正在创建的布局的FXML代码将在后台自动生成。它的结果是一个FXML文件，然后可以通过绑定到应用程序的逻辑与Java项目组合

## 二、安装使用Scene Builder ##

首先需要下载Scene Builder，从这可以下载：[https://www.oracle.com/technetwork/java/javase/downloads/javafxscenebuilder-1x-archive-2199384.html][https_www.oracle.com_technetwork_java_javase_downloads_javafxscenebuilder-1x-archive-2199384.html] 有两个版本,选择最新的下载就行了

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE3ODE1MjE_size_16_color_FFFFFF_t_70][]

我这里下载的是javafx\_scenebuilder-2\_0-windows.msi，下载之后进行安装，安装好之后，桌面会有个这样的图标

![20190124201401146.png][]

启动之后界面如下所示

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE3ODE1MjE_size_16_color_FFFFFF_t_70 1][]

左侧是一些组件，中间是放组件的面板，界面还是比较简洁。

## 三、IDEA配置Scene Builder ##

在IDEA中启用 JavaFX 插件：Ctrl+Alt+S，点击plugin(插件)，然后搜索fx，勾上JavaFx的复选框，OK  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE3ODE1MjE_size_16_color_FFFFFF_t_70 2][]

设置Scene Builder的可执行文件的路径：Ctrl+Alt+S，调出“设置”的窗口，点击JavaFX

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE3ODE1MjE_size_16_color_FFFFFF_t_70 3][]

设置exe的路径

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE3ODE1MjE_size_16_color_FFFFFF_t_70 4][]

设置好之后，新建一个JavaFX项目

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE3ODE1MjE_size_16_color_FFFFFF_t_70 5][]

在fxml文件中右键可以通过scene builder打开

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE3ODE1MjE_size_16_color_FFFFFF_t_70 6][]

[https_www.oracle.com_technetwork_java_javase_downloads_javafxscenebuilder-1x-archive-2199384.html]: https://www.oracle.com/technetwork/java/javase/downloads/javafxscenebuilder-1x-archive-2199384.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE3ODE1MjE_size_16_color_FFFFFF_t_70]: /images/20220323/fc8ef79dfc924243a377085271f2c832.png
[20190124201401146.png]: /images/20220323/10b09313f9d547b5b0406e1171d101fe.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE3ODE1MjE_size_16_color_FFFFFF_t_70 1]: /images/20220323/0f98c5e802964fb1927ff1a83ae3e80c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE3ODE1MjE_size_16_color_FFFFFF_t_70 2]: /images/20220323/3368b2ee58664022a1e5e3731f8e89f8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE3ODE1MjE_size_16_color_FFFFFF_t_70 3]: /images/20220323/983b24d25c4d45f0bd5e9dd21062b3af.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE3ODE1MjE_size_16_color_FFFFFF_t_70 4]: /images/20220323/5d010c7321c747d6b97d1612e7805ad1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE3ODE1MjE_size_16_color_FFFFFF_t_70 5]: /images/20220323/4b9cc1ba74c74088bdb99ea4119c8d6c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE3ODE1MjE_size_16_color_FFFFFF_t_70 6]: /images/20220323/1e5ee0a87da041af83ab11f3669e083a.png