可视化管理工具下载与使用

（1）下载JavaFX Scene Builder。

进入http://www.oracle.com/technetwork/java/javase/downloads/javafxscenebuilder-1x- archive-2199384.html 下载页面，选择对应平台的版本进行下载，这里以JavaFX Scene Builder2 版本为例，如图9.33 所示。

图9.33　JavaFX Scene Builder 下载页面

（2）安装JavaFX Scene Builder。下载完成后，会得到一个javafx_scenebuilder-2_0-windows.msi 安装文件，直接双击文件进行安装，安装过程中可以通过【更改(C)...】按钮来更改安装目录，如图9.34 所示。

图9.34　安装JavaFX Scene Builder

（3）在Eclipse 中配置JavaFX Scene Builder。在Eclipse 中，打开Window 菜单下的“Preferences”选项窗口，找到JavaFX 的配置位置，在右侧窗口中通过【Browse...】按钮配置安装的JavaFX Scene Builder 工具位置，最后单击【OK】按钮即可，如图9.35 所示。

图9.35　配置安装的JavaFX Scene Builder 工具位置

（4）JavaFX Scene Builder 工具的基本使用。

① 创建test.fxml 文件。在JavaFX 项目的application 目录下创建一个名为test.fxml 的fxml格式文件，鼠标右键选中并使用“Open with SceneBuilder”选项打开，结果如图9.36 所示。

② 用鼠标选中中间区域的AnchorPane 面板组件（打开fxml 文件时默认的面板组件），将该组件拉伸至合适大小，接着在左上角区域选择Lable 组件拖拽至AnchorPane 面板组件内，并在右边组件属性设置区域对该Lable 组件进行简单设置，结果如图9.37 所示。

(www.xing528.com)

图9.36　使用“Open with SceneBuilder”选项打开

图9.37　对Lable 组件进行简单设置

③ 参考上述方式再次添加其他组件，如输入框、密码、登录按钮等，结果如图9.38 所示。

图9.38　添加其他组件后结果

完成需求组件的设计后，可以直接保存并关闭该窗口，此时通过可视化工具设计的布局文件代码会在自动生成到test.fxml 文件中。

④ 为了验证JavaFX Scene Builder 工具的设计效果，可以对文件Main.java 文件中第8～9行代码进行修改，引入test.fxml 布局文件。

Parent root = FXMLLoader.load(getClass().getResource("test.fxml"));

⑤ 再次启动主程序入口Main 类，结果如图9.39 所示。

图9.39　Main 类运行结果