javafx 窗口通过按钮来回切换

Question

我遇到了麻烦，因为我在各自的 java 类中都有 2 个 Pane ，并且我想要一个按钮来打开页面上的另一个 Pane (因此使用按钮从一个 Pane 转到另一个 Pane )，但它似乎不起作用。我刚刚在学校开始编码。任何帮助都会很棒。

这是我在主类上使用的代码，如果需要主类中的 Pane 和辅助类中的根 Pane 的 Pane 名称，则辅助类称为 panle2.java。

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception {

        Pane pane = new HBox(10);
        pane.setPadding(new Insets(5, 5, 5, 5));
        Image image = new Image("picachu_pok__mon-logo-D361BD95C6-seeklogo.com.png");
        pane.getChildren().add(new ImageView(image));

        Button button = new Button();
        button.setOnAction(event -> {
            try {
                FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("/fxml/A.fxml"));
                Parent root1 = (Parent) fxmlLoader.load();
                Stage stage = new Stage();
                stage.setScene(new Scene(root1));
                stage.show();
            } catch(Exception e) {
                e.printStackTrace();
            }
        });
        primaryStage.setTitle("pokemon stats");
        Scene value = new Scene(pane, 1000, 600);
        primaryStage.setScene(value);
        button.setOnAction(event -> {
            value.setRoot(pane);

        });
        ImageView imageView2 = new ImageView(image);
        imageView2.setFitHeight(100);
        imageView2.setFitWidth(100);
        pane.getChildren().add(imageView2);
        pane.getChildren().add(button);

        ImageView imageView3 = new ImageView(image);
        imageView3.setRotate(90);
        pane.getChildren().add(imageView3);


        primaryStage.show();


    }


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

Answer 1

您的代码存在多个问题。

1. Pane pane = new HBox(10); -> 我猜这会导致问题。我在代码中尝试过，它会产生 root.setAlignment(Pos.CENTER); 错误。另外，我相信这会给那些必须回来阅读代码的人带来困惑。
2. 您有一个 Button，但您为 Button 创建了两个不同的事件处理程序。
3. 如果您要尝试更改场景，那么第二个场景需要一个按钮来让您返回到第一个场景。 (本示例未采用这种方法。)

在下面的示例中，我没有尝试更改场景。我只是在 VBox 索引零处切换Nodes。这可能是一个更好的方法。我不知道。我还使用 setUserData() 来跟踪当前在 VBox 索引零中加载的 Node。

Main

    import java.io.IOException;
    import javafx.application.Application;
    import javafx.fxml.FXMLLoader;
    import javafx.geometry.Pos;
    import javafx.scene.Scene;
    import javafx.scene.control.Button;
    import javafx.scene.control.Label;
    import javafx.scene.layout.StackPane;
    import javafx.scene.layout.VBox;
    import javafx.stage.Stage;

    /**
     *
     * @author blj0011
     */
    public class JavaFXApplication269 extends Application
    {

        @Override
        public void start(Stage primaryStage)
        {
            VBox root = new VBox();
            Scene scene = new Scene(root, 1000, 600);
            Button btnPaneChanger = new Button("Click Me!");

            Label label = new Label("I am Pane 1!");
            StackPane pane1 = new StackPane(label);
            pane1.setPrefSize(1000, 500);
            root.setAlignment(Pos.CENTER);
            root.getChildren().addAll(pane1, btnPaneChanger);//Set the first pane in index zero of the VBox
            btnPaneChanger.setUserData("pane1");//Use setUserData to keep up with which Pane is currently loaded

            btnPaneChanger.setOnAction((event) -> {
                switch (btnPaneChanger.getUserData().toString()) {
                    case "pane1": {
                        try {
                            FXMLLoader listViewLoader = new FXMLLoader(getClass().getResource("pane2.fxml"));
                            StackPane pane2 = ((StackPane) listViewLoader.load());//StackPane is the root node in the FXML
                            root.getChildren().set(0, pane2);
                            btnPaneChanger.setUserData("pane2");
                        }
                        catch (IOException ex) {
                            ex.printStackTrace();
                        }
                    }
                    break;
                    case "pane2":
                        root.getChildren().set(0, pane1);
                        btnPaneChanger.setUserData("pane1");
                        break;
                }

            });

            primaryStage.setTitle("Hello World!");
            primaryStage.setScene(scene);
            primaryStage.show();
        }

        /**
         * @param args the command line arguments
         */
        public static void main(String[] args)
        {
            launch(args);
        }

    }

>Pane 2 Controller

import java.net.URL;
import java.util.ResourceBundle;
import javafx.fxml.Initializable;

/**
 * FXML Controller class
 *
 * @author blj0011
 */
public class Pane2Controller implements Initializable
{

    /**
     * Initializes the controller class.
     */
    @Override
    public void initialize(URL url, ResourceBundle rb)
    {
        // TODO
    }

}

Pane 2 FXML

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

<?import javafx.scene.control.Label?>
<?import javafx.scene.layout.StackPane?>
<?import javafx.scene.text.Font?>

<StackPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="1000.0" xmlns="http://javafx.com/javafx/8.0.141" xmlns:fx="http://javafx.com/fxml/1" fx:controller="javafxapplication269.Pane2Controller">
   <children>
      <Label text="This is Pane 2">
         <font>
            <Font size="37.0" />
         </font>
      </Label>
   </children>
</StackPane>