JavaFX - 从嵌套的 FXML 访问 fx:id

Question

所以，这是我的主要 FXML 文件，名为“Home.fxml”：

<VBox maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="700.0" xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1">
    <fx:include source="MenuBar.fxml" />
   <Label alignment="CENTER" maxWidth="1.7976931348623157E308" text="Welcome to MSMusic" textAlignment="CENTER">
      <font>
         <Font size="62.0" />
      </font>
   </Label>
    <fx:include source="PlayerElement.fxml" />
</VBox>

在该文件中，我包含一个音乐播放器元素，该元素的标签带有 fx:id 'songTime'，当我尝试在 Home.fxml 的控制器中使用'songTime'时，我得到一个 NullPointerException，因为 fx：嵌套 fxml 中的 id 似乎不可用。有没有简单的方法来实现这一点？

Answer 1

将 UI 控件暴露在控制器之外的 FXML 文件中通常是不好的做法。

您可以将包含的 FXML 文件中的控制器注入到您的 Home.fxml 文件的控制器中：

<VBox maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="700.0" xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1">
    <fx:include source="MenuBar.fxml" />
   <Label alignment="CENTER" maxWidth="1.7976931348623157E308" text="Welcome to MSMusic" textAlignment="CENTER">
      <font>
         <Font size="62.0" />
      </font>
   </Label>
    <fx:include fx:id="player" source="PlayerElement.fxml" />
</VBox>

在Home.fxml 的控制器中你可以这样做

public class HomeController {

    @FXML
    private PlayerElementController playerController ;

    // ...
}

其中PlayerElementController 是PlayerElement.fxml 文件的控制器类。这在"Nested Controllers" in the documentation 下进行了描述，但本质上只是使用名称为fx:id 的字段用于fx:include 并附加"Controller"，因此这里fx:id="player" 用于包含允许您注入控制器实例包含的 FXML 文件到字段playerController。

现在只需在PlayerElementController 中定义一些方法来设置所需的文本：

public class PlayerElementController {

    @FXML
    private Label songTime ;

    // note: might want to make the parameter a more appropriate type than string,
    // and perform the conversion to a string in this method...
    public void setSongTime(String songTime) {
        this.songTime.setText(songTime);
    }

    // and similarly here for the return type
    public String getSongTime() {
        return songTime.getText();
    }

    // ...
}

现在回到你的HomeController，你需要做的就是

playerController.setSongTime(...);

设置文本。如果您需要与标签关联的其他功能，只需定义与您需要的行为相对应的适当方法即可。