如何将按钮和文本添加到您的JavaFX项目 - 傻瓜

作为一个开始的java程序员，你会想把东西添加到你的JavaFX项目中。当您创建一个高性能的GUI程序时，您首先创建一个带有按钮和其他小部件的窗口。然后，您添加方法来响应按键，按钮点击和其他这样的事情。

在这里，您使用XML文件来描述按钮和文本字段：<1>打开JavaFX项目。在Eclipse的Package Explorer中查看新项目。

<！ --1 - >

2在Eclipse的包资源管理器中展开新项目的分支。

查找src分支内的应用程序分支。 <3>右键单击（或在Mac上，按住Control键单击）应用程序分支。在出现的上下文菜单中，选择文件→新建→其他。出现选择向导对话框。 <4>在“选择向导”对话框的树中，展开JavaFX分支。在JavaFX分支中，双击New FXML Document项目。

出现一个FXML文件对话框。

5在对话框的名称字段中，输入新文件的名称，然后单击完成。

将文件命名为

根

。

键入名称Root，但e（fx）clipse创建一个全名为Root的文件。 FXML。

这个新的根。 fxml文件描述了新JavaFX应用程序中按钮，文本字段和其他内容的布局。

<！ - 3 - > 6右键单击（或在Mac上，按住Control键单击）新的根。 Eclipse的Package Explorer中的fxml分支。在出现的上下文菜单中，选择使用SceneBuilder打开。出现“场景构建器”应用程序窗口。 “场景构建器”窗口包含以下几个区域：

“场景构建器”窗口的中间包含

“内容”面板

，您可以在其中看到新应用的预览。（目前，您的应用程序中没有任何内容可以看到，所以内容面板是一个很大的空白区域。）

窗口的左上部分包含一个

库面板

，其中包含一个Container部分，一个控制部分，和其他几个部分。

在GUI世界中，像按钮，文本字段，标签和复选框之类的东西被称为 controls 。 “库”面板的“控件”部分形成一个调色板。要创建一个GUI窗口，可以从调色板中拖动控件并将其放到“内容”面板上。

窗口的左下部分包含文档面板，其中包含层级部分和控制器部分。层次结构部分包含一个AnchorPane项目。

层次结构部分包含一个树，显示窗口的哪些元素在其内部是其他元素。Controller部分可帮助您将您设计的窗口与应用程序的Java代码链接起来。窗口的最右边部分包含检查器面板

，其中包含“属性”部分，“布局”部分和“代码”部分。在“属性”部分中，描述窗口中元素的功能。在“代码”部分中，您将命名与窗口中的元素相关联的Java方法。您的里程可能会有所不同！这些说明适用于Scene Builder 2的预览版。如果您有不同版本的Scene Builder，则步骤可能有所不同。 <7>选择层次结构部分的AnchorPane项目。

标记出现在“场景生成器”的“内容”面板的中间。 8在内容面板中拖动标记以放大AnchorPane。 AnchorPane将会放大。 9找到“库”面板的“控件”部分中的TextField条目

然后将TextField控件拖到“内容”面板的“锚点”中。 10找到“库”面板的“控件”部分中的“按钮”条目。将“按钮”控件拖到“内容”面板的“锚页”中。 11在主菜单中，选择文件→保存。这样做可以保存新的FXML文件。 12关闭Scene Builder应用程序。返回到Eclipse工作台时，可以在Root中看到新代码。 fxml文件。

双击Root。 Package Explorer中的fxml分支来查看文件的代码。如果在代码中没有看到TextField和Button，请在编辑器窗口中单击鼠标。（单击鼠标更新编辑器以反映Scene Builder所做的更改。）如果编辑器中的代码似乎没有正确缩进，请在编辑器的空白区域单击鼠标并按下Ctrl-Shift-F。

任何时候你想在Eclipse的编辑器中格式化代码（使代码更容易阅读和更容易理解），请按Ctrl-Shift-F。