文档



JavaFX Scene Builder:使用Java IDEs与JavaFX Scene Builder

2 使用Scene Builder与NetBeans IDE

本章介绍如何下载和安装NetBeans IDE,使用它创建一个新的JavaFX FXML项目,从IDE中启动Scene Builder,并运行Scene Builder示例应用程序。

JavaFX Scene Builder与NetBeans IDE的集成提供了最佳的开发工作流程。假设您在继续本章的其余部分之前已经安装了Scene Builder。请参阅JavaFX Scene Builder安装指南获取安装信息。

下载和安装NetBeans IDE

访问http://netbeans.org/downloads获取最新的NetBeans IDE 8下载和安装信息。

创建一个新的JavaFX FXML项目

在NetBeans IDE中,您可以使用新建向导创建一个新的JavaFX FXML应用程序,该应用程序基于一个FXML布局。创建项目后,您可以使用Scene Builder编辑FXML文件。

  1. 从NetBeans IDE主菜单中,选择文件,然后选择新建项目

  2. 在新建项目对话框中,选择JavaFX类别和JavaFX FXML应用程序项目,如图2-1所示。点击下一步

    图2-1 创建新的JavaFX FXML应用程序项目

    图2-1的描述
    图2-1 "创建新的JavaFX FXML应用程序项目"的描述

  3. 在新建JavaFX应用程序对话框中,输入项目名称、项目位置和FXML文件名称的值。点击完成完成项目创建。示例值请参考图2-2

    图2-2 设置新的JavaFX应用程序的名称和位置

    图2-2的描述
    图2-2 "设置新的JavaFX应用程序的名称和位置"的描述

    IDE的项目窗口将更新为您刚创建的新的JavaFX应用程序。

使用Scene Builder编辑FXML文件

您可以使用NetBeans IDE编辑器或通过使用Scene Builder打开来修改FXML文件。如果您将Scene Builder安装在非默认位置,请首先确保NetBeans IDE已配置该Scene Builder安装位置,方法是按照配置Scene Builder安装位置

图2-3所示,您可以选择打开使用Scene Builder工具编辑FXML文件,或选择编辑使用NetBeans FXML编辑器编辑FXML文件。

图2-3 从NetBeans IDE打开FXML文件

图2-3的描述
图2-3 "从NetBeans IDE打开FXML文件"的描述

当您右键单击FXML文件的节点并选择打开时,NetBeans IDE会调用您系统上最新安装的Scene Builder,并显示Scene Builder窗口,如图2-4所示。您使用Scene Builder对FXML文件进行的更改将反映在文件中。

图2-4 在Scene Builder中打开FXML文件

图2-4的描述
图2-4 "在Scene Builder中打开FXML文件"的描述

配置Scene Builder安装位置

如果您没有将Scene Builder安装在默认安装位置,请按照以下步骤让NetBeans IDE知道其位置:

  1. 从IDE的主菜单中,选择工具,然后选择选项
    在Mac OS平台上,从主菜单中选择NetBeans,然后选择首选项

  2. 在选项窗口中,点击Java,然后点击JavaFX选项卡。

  3. 指定Scene Builder安装文件夹的位置,然后点击确定
    图2-5显示了JavaFX选项卡中Scene Builder安装路径。

    图2-5 在NetBeans IDE中设置Scene Builder路径

    图2-5的描述
    图2-5 "在NetBeans IDE中设置Scene Builder路径"的描述

与控制器源代码同步

NetBeans IDE的“制作控制器”功能允许您将在Scene Builder中对当前打开的FXML文件所做的修改与在NetBeans IDE中打开的控制器源代码进行同步。为了说明这个功能,按照以下步骤操作:

  1. 在Scene Builder窗口中,从库面板中拖动另一个Button控件到内容面板中。

  2. 在窗口右侧的代码面板中,为新按钮的fx:id字段输入button2,为onAction方法输入一个新的方法名handleButtonAction2

  3. 在主菜单中选择文件,然后选择保存

  4. 在NetBeans IDE中,如果尚未打开刚刚编辑的FXMLDocument.fxml文件的节点,请右键单击该节点,然后从上下文菜单中选择编辑
    注意,有一个错误标记表示handleButtonAction2未定义。

  5. 从IDE的主菜单中选择源代码,然后选择制作控制器
    在控制器源文件FXMLDocumentController.java中创建了@FXML private Button button2声明和新方法handleActionButton2的声明。如果您从Scene Builder的内容面板中删除一个元素,或者在Scene Builder中更新了fx:id值或方法名,请使用制作控制器命令。

下一步该去哪里

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

您还可以尝试使用Scene Builder发布的示例应用程序。这些示例是NetBeans项目,这意味着在NetBeans IDE中打开后可以直接编译和运行。

  1. 从Java SE下载页面的附加资源部分下载Scene Builder示例包,网址为http://www.oracle.com/technetwork/java/javase/downloads/index.html

  2. 解压缩javafx_scenebuilder_samples-2_0.zip文件。

  3. 从NetBeans IDE中打开刚刚解压缩的示例NetBeans项目。

  4. 在IDE的项目窗口中右键单击项目节点,选择运行,如图2-6所示。

图2-6 运行Scene Builder示例应用程序

图2-6的描述
"图2-6 运行Scene Builder示例应用程序"的描述

关闭窗口

目录

JavaFX Scene Builder: 使用JavaFX Scene Builder与Java IDEs

展开 | 折叠