如何使用 SceneBuilder 查看 fxml？

Posted 2023-02-26

【中文标题】如何使用 SceneBuilder 查看 fxml？

【英文标题】：How do I view the fxml using SceneBuilder?

【发布时间】：2014-10-30 16:43:57

【问题描述】：

对于这么简单的问题，我感到很抱歉，但我很难相信在使用 JavaFX Scenebuilder 开发用户界面时，我实际上无法查看 fxml。

我希望我应该能够使用控件编写用户界面以及能够直接编写 fxml。

如何在 SceneBuilder 中查看/编辑我的用户界面的 fxml 而无需执行以下操作：-

正在保存 使用文本编辑器进行编辑 使用 JavaFX Scene Builder 重新打开

即http://www.webhostingplanguide.com/wp-content/uploads/2013/12/CoffeeCup-html-Editor.jpg

如上所述，我希望能够使用 FXML 或 WYSIWYG 前端。

【问题讨论】：

在场景构建器中打开有效的 fxml 时，我从来没有遇到过问题。你不能用 打开它吗？我不明白你的问题。

如果我创建一个新项目并将一个按钮拖到视图中，我希望能够看到创建的 FXML。当然有一个拆分视图，例如，如果您正在使用 WYSWYG 应用程序设计一个网页，您通常可以同时看到源代码和前端。

对不起，我不知道在scenebuilder中查看生成的xml的方法。我在我的 IDE 中打开它并在那里编辑代码。

SceneBuilder 会自动检测 FXML 文件的更改并重新加载，即使预览已打开。如果保存了更改，Eclipse 还应该重新加载文件。

【参考方案1】：

使用 IntelliJ 社区版。它有一个内置的 FXML 编辑器，可让您在所见即所得和代码之间切换。

【参考方案2】：

目前还没有从场景生成器查看 FXML 的选项。我可以通过Scene Builder 2.0 确认。

虽然这对 Scene Builder 来说是一个很好的补充（如果不是分屏，只需查看 FXML）。你可以在这里https://github.com/gluonhq/scenebuilder/issues提出功能请求。

【讨论】：

我同意，我将提交功能请求，除此之外，场景构建器相当不错。虽然一旦我添加了一个 fx:script 块，我确实无法解析 fxml 文件，但也许我会在提出这个问题之前做更多的研究。

就实时查看代码而言，我能提出的唯一建议是使用 Brackets，一个 Web 开发文本编辑器。它适用于各种语言。每当您在场景构建器上点击保存时，此文本编辑器将自动显示更改，假设您打开了 fxml 文件。我也在这里为 UI 创建了我的 CSS，当我保存它时，场景构建器将立即显示更改

【参考方案3】：

其实是有办法的。保存您的文件并从文件资源管理器中，使用 IDE 打开您的 .fxml 文件，例如 VSCode

【讨论】：

这正是问题所说的 OP 试图避免的。