3 使用Scene Builder与Eclipse IDE登录

下载和安装e(fx)clipse

请访问http://www.eclipse.org/efxclipse/install.html了解有关下载和安装e(fx)clipse工具与您的JavaFX Scene Builder安装的可用选项的信息。

创建一个新的JavaFX FXML项目

要使用Eclipse创建一个新的JavaFX FXML项目，首先必须创建一个新的JavaFX项目，然后在该JavaFX项目中添加一个新的FXML文档。

1. 从Eclipse IDE的主菜单中，选择文件，选择新建，然后选择其他，如图3-1所示。

   图3-1 创建新文件

   
   图3-1的描述
   
   

2. 从新建对话框中，展开JavaFX文件夹，选择JavaFX项目向导，如图3-2所示，然后点击下一步。

   图3-2 选择JavaFX项目向导

   
   图3-2的描述
   
   

3. 输入项目名称，指定要使用的JRE，并选择项目布局选项。点击完成完成项目创建，如图3-3所示。

   图3-3 创建新Java项目

   
   图3-3的描述
   
   

4. 现在创建一个新的FXML文档。

   1. 在包资源管理器中右键点击Test1文件夹。

   2. 选择新建，然后选择其他。

   3. 在新建对话框中展开JavaFX文件夹，然后选择新建FXML文档，如图3-4所示。点击下一步

   图3-4 创建新FXML文档

   
   图3-4的描述
   
   

5. 在FXML文件对话框中，按照以下步骤完成新建FXML文档的创建：

   1. 如果没有自动设置为Test1 /src，请点击浏览来指定源文件夹的值。导航到刚刚创建的JavaFX项目的src文件夹。将包字段保持不变。

   2. 在名称字段中，输入FXML文件的名称Sample，如图3-5所示。

   3. 如果尚未设置，请点击浏览并从“查找预加载器”对话框中选择一个项目作为FXML文档的根元素。默认值为AnchorPane。

   4. 取消选择动态根。这是给想要管理自定义类型的高级用户使用的。

   5. 点击完成关闭对话框。
      现在您可以完成JavaFX FXML布局的创建。

   图3-5 完成创建新的FXML文件

   
   "图3-5 完成创建新的FXML文件"的描述
   
   

使用Scene Builder编辑FXML文件

您可以使用Eclipse FXML编辑器或通过打开文件使用JavaFX Scene Builder工具来编辑FXML文件：

1. 在IDE的Package Explorer选项卡中，展开Test1和src文件夹。

2. 右键单击Sample.fxml文件的节点，选择使用Scene Builder打开，如图3-6所示。
   
   Scene Builder将打开一个单独的窗口，并在内容面板区域显示Sample.fxml布局。您可能需要增加内容面板中默认的AnchorPane的大小。您可以开始添加控件。

   图3-6 在Scene Builder中打开Sample.fxml文件

   
   "图3-6 在Scene Builder中打开Sample.fxml文件"的描述
   
   

3. 使用JavaFX Scene Builder用户指南了解更多可用的Scene Builder功能和开始使用JavaFX Scene Builder创建一个简单的问题跟踪应用程序。

从这里开始

现在您已经熟悉了Scene Builder工具和Eclipse IDE之间的集成，请查看JavaFX Scene Builder用户指南以了解更多可用的Scene Builder功能。按照使用JavaFX Scene Builder入门教程中描述的步骤创建一个简单的问题跟踪应用程序。

您还可以尝试使用Scene Builder发布的示例应用程序。这些示例是Netbeans项目，因此请使用以下信息了解如何在Eclipse IDE中使用示例。