JavaFX在SplitPane中切換場景？

Question

在基地，我有一個AnchorPane，然后是一個SplitPane。 在左窗格中，我有一個listView，並且根據選擇的列表元素，右窗格中將顯示適當的內容。 我這樣做的方法是通過重疊AnchorPanes並將它們初始設置為.setVisible（false）並在選擇它們時將它們設置為.setVisible（true），如下所示：

public void listSelection() {       
    String selection = listView.getSelectionModel().getSelectedItem();
    switch(selection) {
    case "Speed of sound":
        disableOld(); // disables old AnchorePane
        response.setText("Speed of sound conversion");
        AnchorPane1.setVisible(true);   
        break;
    case "Temperature conversion":
        disableOld(); 
        response.setText("Temperature conversion");
        AnchorPane2.setVisible(true);       
        break;
    }
}

我想知道如何在視覺上產生相同的效果，但要在不同的場景下產生效果，就像我希望每個新的AnchorPane擁有自己的FXML和ControllerClass。

Answer 1

您可以實現以下內容：

您的主要班級：

public void start(Stage primaryStage) throws IOException {
            primaryStage.setTitle("Title");
            primaryStage.setScene(createScene(loadMainPane("path_of_your_fxml")));
            primaryStage.show();

    }

    private Pane loadMainPane(String path) throws IOException {
        FXMLLoader loader = new FXMLLoader();

        Pane mainPane = (Pane) loader.load(
                getClass().getResourceAsStream(path));

        return mainPane;
    }


    private Scene createScene(Pane mainPane) {
        Scene scene = new Scene(mainPane);
      return scene;
    }
    public static void main(String[] args) {launch(args); }

然后，您可以創建一個單獨的類調用Navigator來存儲所有fxml路徑：

public class Navigator {

private final String P1;
private final String P2;
//then you can implement getters...
public String getP1() {
    return P1;
}

public String getP2() {
    return p2;
}

private static FxmlController Controller;

    public static void loadPane(String fxml) {
    try {
        FxmlController.setPane(
                (Node) FXMLLoader.load(Navigator.class.getResource(fxml)));
    } catch (IOException e) {
        e.printStackTrace();
    }
}

public Navigator() throws IOException {
    this.P1 = "p1.fxml";
    this.P2 = "p2.fxml";}

在您的主FxmlController （這是應用程序永久層的控制器，其余堆棧窗格-{p1和p2}將加載到您的永久層上）

這是在主FxmlController上加載圖層的FxmlController ：

@FXML
private StackPane stackPaneHolder;
... 

public void setPane(Node node) {
    if (stackPaneHolder.getChildren().isEmpty()) {
        //if stackPaneHolder is empty
        stackPaneHolder.getChildren().add(node);

    } else {
        if (stackPaneHolder.getClip() != node) {
          //if stackPaneHolder is not empty then remove existing layer and add new layer
            stackPaneHolder.getChildren().remove(0);
            stackPaneHolder.getChildren().add(0, node);
        }
    }
}

然后，您可以通過按如下所示的按鈕來加載窗格：

@FXML
private void btnAction(ActionEvent event) throws IOException {
Navigator.load(new Navigator().getP1());
..

這是這樣的：