JavaFX 使用 FXML 创建界面。
结合 Scene Builder 可以让UI和后台实现分离，从而简化开发。
官方教程
https://docs.oracle.com/javase/8/javafx/properties-binding-tutorial/index.html
image
安装和配置 Scene Builder
下载安装
甲骨文网站上的 Scene Builder ，最高版本到 2.0，8.5 / 11.0可以在 Gluon 的网站上下载。这里用的是8.0。
配置到IDEA
image
之后就可以在右键菜单中直接打开
image
Scene Builder 功能提醒
值得注意的地方
保存
SceneBuilder是不会自动保存的，修改完成之后必须手动保存，这与IDE是不一样的，容易忽略。
左上角
组件仓库，可以使用搜索。
image
左下角
在这里绑定到 FXML 的 Controller Class。
image
要注意的是，自动提示功能，必须在同一目录下，View 和 Controller 的FileName 一一对应 才可以。
比如
image
右下角
将 Builder 中的 XML对象 与 Controller 代码中 Field 对象绑定。
可以自动提示 Controller 中同类型的Field，如下：
image
image
但要注意的是，private 属性必须加 @FXML 注解才可以被加载器访问
绑定之后 Controller 中会有显示
image
在IDEA中查看 JavaFX 文档
两个链接必须都填上，才能正确的跳转到对应页面。
image
https://docs.oracle.com/javase/8/javafx/api/
https://docs.oracle.com/javase/8/docs/api/
