自定義組件的@FXML 注入不會在控制器中實例化變量並導致 NullPointerException

Question

我創建了一個名為PlayerView的自定義組件，它具有關聯的PlayerView.fxml FXML 布局和PlayerView.java類來實例化該組件。 然后，我將這個組件的多個實例包含在另一個名為Board.fxml 的FXML 布局中，並嘗試通過使用@FXML注釋創建注入來引用 Board 的控制器Board.java 中的這些實例。 但是，此注入無法按預期工作，因為當我嘗試引用控制器中的PlayerView實例時出現NullPointerException 。

播放器視圖文件

<fx:root type="javafx.scene.layout.VBox" xmlns:fx="http://javafx.com/fxml">
    ...
</fx:root>

播放器視圖.java

public class PlayerView extends VBox {
    public PlayerView() {
        FXMLLoader loader = new FXMLLoader(getClass().getResource("PlayerView.fxml"));
        loader.setRoot(this);
        loader.setController(this);
        try {
            loader.load();
        } catch (IOException e) { 
            e.printStackTrace();
        }
    }
    public void init(String name) {
        ...
    }
}

Board.fxml

<VBox xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml"
      fx:controller="pablo.Board" prefHeight="400.0" prefWidth="600.0" alignment="CENTER">
    <BorderPane>
        <top>
            <PlayerView BorderPane.alignment="TOP_CENTER" fx:id="playerView2"/>
        </top>
        <bottom>
            <PlayerView BorderPane.alignment="BOTTOM_CENTER" fx:id="playerView1"/>
        </bottom>
        <left>
            <PlayerView BorderPane.alignment="CENTER_LEFT" fx:id="playerView3"/>
        </left>
        <right>
            <PlayerView BorderPane.alignment="CENTER_RIGHT" fx:id="playerView4"/>
        </right>
        ...
    </BorderPane>
    ...
</VBox>

Board.java

public class Board extends Application {
    ...
    @FXML PlayerView playerView1, playerView2, playerView3, playerView4;
    @Override
    public void start(Stage primaryStage) throws IOException, ClassNotFoundException {
        Parent root = FXMLLoader.load(getClass().getResource("Board.fxml"));
        Scene scene = new Scene(root);
        primaryStage.setTitle("Pablo!");
        primaryStage.setScene(scene);
        primaryStage.show();

        playerViews = new PlayerView[]{ playerView1, playerView2, playerView3, playerView4 };
        playerView1.init(playerName); // NullPointerException occurs at this line
        ...
    }
}

堆棧跟蹤

Exception in Application start method
java.lang.reflect.InvocationTargetException
    at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
    at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
    at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
    at java.lang.reflect.Method.invoke(Method.java:498)
    at com.sun.javafx.application.LauncherImpl.launchApplicationWithArgs(LauncherImpl.java:389)
    at com.sun.javafx.application.LauncherImpl.launchApplication(LauncherImpl.java:328)
    at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
    at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
    at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
    at java.lang.reflect.Method.invoke(Method.java:498)
    at sun.launcher.LauncherHelper$FXHelper.main(LauncherHelper.java:767)
Caused by: java.lang.RuntimeException: Exception in Application start method
    at com.sun.javafx.application.LauncherImpl.launchApplication1(LauncherImpl.java:917)
    at com.sun.javafx.application.LauncherImpl.lambda$launchApplication$1(LauncherImpl.java:182)
    at java.lang.Thread.run(Thread.java:748)
Caused by: java.lang.NullPointerException
    at pablo.Board.start(Board.java:39)
    at com.sun.javafx.application.LauncherImpl.lambda$launchApplication1$8(LauncherImpl.java:863)
    at com.sun.javafx.application.PlatformImpl.lambda$runAndWait$7(PlatformImpl.java:326)
    at com.sun.javafx.application.PlatformImpl.lambda$null$5(PlatformImpl.java:295)
    at java.security.AccessController.doPrivileged(Native Method)
    at com.sun.javafx.application.PlatformImpl.lambda$runLater$6(PlatformImpl.java:294)
    at com.sun.glass.ui.InvokeLaterDispatcher$Future.run(InvokeLaterDispatcher.java:95)

這有什么錯，我現在用的方式@FXML注釋中Board.java提及我PlayerView在Board.fxml實例？ 我應該如何稱呼他們？

Answer 1

定義PlayerView ：

播放器視圖文件

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

<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<fx:root type="javafx.scene.layout.VBox" xmlns:fx="http://javafx.com/fxml"> 
    <Label fx:id="nameLbl" alignment="CENTER" contentDisplay="CENTER" prefHeight="66.0" prefWidth="87.0" text="--" />
</fx:root>

PlayerView.java 也用作控制器：

public class PlayerView extends VBox {

    @FXML Label nameLbl;

    public PlayerView() {

        FXMLLoader loader = new FXMLLoader(getClass().getResource("PlayerView.fxml"));
        loader.setRoot(this);
        loader.setController(this);

        try {
            loader.load();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    public void init(String name) {
        nameLbl.setText(name);
    }
}

Board.fxml 及其控制器：

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

<?import fx_tests.a_test.PlayerView?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.VBox?>

<VBox xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml" prefHeight="400.0" 
prefWidth="600.0" alignment="CENTER" fx:controller="foo.bar.BoardController">
    <BorderPane>
        <top>
            <PlayerView  fx:id="playerView2"/>
        </top>
        <bottom>
            <PlayerView  fx:id="playerView1"/>
        </bottom>
        <left>
            <PlayerView  fx:id="playerView3"/>
        </left>
        <right>
            <PlayerView fx:id="playerView4"/>
        </right>
    </BorderPane>
</VBox>

讓控制器根據需要改變Boaed狀態：

public class BoardController{

    @FXML PlayerView playerView1, playerView2, playerView3, playerView4;

    public PlayerView getBottom(){
        return playerView1;
    }

    public PlayerView getTop(){
        return playerView2;
    }

    public PlayerView getLeft(){
        return playerView3;
    }

    public PlayerView getRight(){
        return playerView4;
    }
}

在Board獲取控制器並使用它：

public class Board extends Application {

    @FXML PlayerView playerView1, playerView2, playerView3, playerView4;
    @Override
    public void start(Stage primaryStage) throws IOException, ClassNotFoundException {

        FXMLLoader loader = new FXMLLoader(getClass().getResource("Board.fxml"));
        VBox root = loader.load();
        BoardController controller = loader.getController();

        Button btn = new Button("Add Names");
        btn.setOnAction(e->{
            controller.getTop().init("Top");
            controller.getBottom().init("Bottom");
            controller.getLeft().init("Left");
            controller.getRight().init("Right");
        });
        root.getChildren().add(btn);
        Scene scene = new Scene(root);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(null);
    }
}