你如何在 vscode 中创建一个 .fxml 文件？

Question

（我对编码很陌生，所以如果有任何措辞太模糊，请告诉我）。 我正在使用 Visual Studio Code 1.67.2。 我没有使用 Maven 或任何其他类似工具，我只是手动将 JavaFX lib 文件夹指向我的项目。 通过创建一个 .css 文件然后使用 scene.getStylesheets().addAll("Main.css")，我成功地将一个 css 文件“连接”到我的 main.java 应用程序。 但是，我没有将 fxml 视为语言下拉菜单中的一个选项，就像我对 css 所做的那样（我只看到 xml）。 如何创建 .fxml 文件？ 我能找到的每个教程在项目文件夹中都有一个空白的 .fxml 文件可供编辑。

Answer 1

场景生成器

最简单的解决方案是下载并使用Scene Builder ，它是 FXML 文件的所见即所得编辑器。 它可以为您创建新的 FXML 文件，而且您很少（如果有的话）必须自己处理编辑 FXML 文件。 您只需创建所需的 UI，Scene Builder 就会为您编写 FXML 文件。

---

手动创建和写入 FXML 文件

可能有一个 VS Code 扩展，但我目前不知道。 尽管“手动”创建 FXML 文件并不难。 只需创建一个新文件，输入文件名，然后添加.fxml扩展名。 您将得到一个完全空白的 FXML 文件。 然后你只需要添加两件事使它成为一个最低限度有效的 FXML 文件：

1. XML 标头。
2. 一个根元素（带有命名空间 + 任何需要的导入指令）。

<!-- XML header -->
<?xml version="1.0" encoding="UTF-8"?>

<!-- Add/remove/change import instructions as needed -->
<?import javafx.scene.layout.StackPane?>

<!-- Change root element type as needed -->
<StackPane xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml">
  <!-- Define properties and rest of scene graph -->
</StackPane>

^{注意：请记住，FXML 文件在语法上只是一个 XML 文件。}

然后您可以根据需要继续修改 FXML 文件。 阅读FXML 简介可能有助于了解您在做什么。