你如何在 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 簡介可能有助於了解您在做什么。