如何在不使用FXML的情况下为JavaFX主场景添加CSS文件？求场景切换建议

嘿，刚看了你的大一JavaFX项目需求，咱们一步步来解决两个问题：给主场景加CSS，还有拓展你现有的页面切换方式～

一、给JavaFX主场景添加CSS文件 #

纯代码方式完全可以搞定，不用依赖FXML，步骤超简单：

1. 准备CSS文件
   在你的项目里新建一个CSS文件（比如叫mainStyle.css），如果和你的主类（javalearningcurve包下的类）同目录，就直接放在包文件夹里；如果习惯用资源目录，就放在src/main/resources下。

2. 在代码中加载CSS到Scene
   结合你给出的GridPane代码，只需在创建Scene后添加一行加载CSS的代码就行，示例如下：

package javalearningcurve;

import javafx.geometry.HPos;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.GridPane;
import javafx.stage.Stage;

public class MainApp extends javafx.application.Application {
    @Override
    public void start(Stage primaryStage) {
        // 你的GridPane布局
        GridPane gridPane = new GridPane();
        gridPane.setAlignment(Pos.CENTER);
        gridPane.setPadding(new Insets(20));
        gridPane.setHgap(10);
        gridPane.setVgap(10);

        // 添加按钮组件
        Button switchBtn = new Button("切换页面");
        gridPane.add(switchBtn, 0, 0);
        GridPane.setHalignment(switchBtn, HPos.CENTER);

        // 创建主场景
        Scene mainScene = new Scene(gridPane, 400, 300);

        // 关键：加载CSS文件
        // 如果CSS和当前类同目录
        mainScene.getStylesheets().add(getClass().getResource("mainStyle.css").toExternalForm());
        // 如果CSS在resources目录下，路径改成"/mainStyle.css"
        // mainScene.getStylesheets().add(getClass().getResource("/mainStyle.css").toExternalForm());

        primaryStage.setScene(mainScene);
        primaryStage.setTitle("JavaFX大一项目");
        primaryStage.show();
    }

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

3. CSS样式示例
   给你的布局和组件加些基础样式，比如在mainStyle.css里写：

.grid-pane {
    -fx-background-color: #f5f5f5;
    -fx-border-color: #cccccc;
    -fx-border-width: 2px;
    -fx-border-radius: 5px;
}

.button {
    -fx-background-color: #4CAF50;
    -fx-text-fill: white;
    -fx-font-size: 14px;
    -fx-padding: 8px 16px;
    -fx-border-radius: 4px;
}

.button:hover {
    -fx-background-color: #45a049;
}

二、除现有方式外的JavaFX页面切换建议 #

这里给你推荐几种适合大一项目的纯代码切换方案，简单易上手：

1. 根容器切换法（StackPane作为主根） #

用StackPane作为整个Stage的根布局，通过清空子节点、添加新页面布局来切换，不用更换整个Scene：

@Override
public void start(Stage primaryStage) {
    StackPane root = new StackPane();
    Scene mainScene = new Scene(root, 400, 300);
    primaryStage.setScene(mainScene);

    // 初始显示第一个页面
    showFirstPage(root);
    primaryStage.show();
}

// 第一个页面
private void showFirstPage(StackPane root) {
    GridPane firstPage = new GridPane();
    Button switchBtn = new Button("去第二个页面");
    switchBtn.setOnAction(e -> showSecondPage(root));
    firstPage.getChildren().add(switchBtn);
    
    root.getChildren().clear();
    root.getChildren().add(firstPage);
}

// 第二个页面
private void showSecondPage(StackPane root) {
    VBox secondPage = new VBox();
    secondPage.setAlignment(Pos.CENTER);
    Label label = new Label("这是第二个页面！");
    Button backBtn = new Button("返回首页");
    backBtn.setOnAction(e -> showFirstPage(root));
    
    secondPage.getChildren().addAll(label, backBtn);
    root.getChildren().clear();
    root.getChildren().add(secondPage);
}

2. 直接切换Stage的Scene #

适合页面风格差异较大的场景，直接给Stage设置新的Scene：

// 在第一个页面的按钮点击事件中
switchBtn.setOnAction(e -> {
    // 构建第二个页面布局
    VBox secondLayout = new VBox();
    secondLayout.setAlignment(Pos.CENTER);
    secondLayout.getChildren().add(new Label("第二个页面"));
    
    Button backBtn = new Button("返回");
    backBtn.setOnAction(backE -> {
        // 切回原Scene
        primaryStage.setScene(mainScene);
    });
    secondLayout.getChildren().add(backBtn);
    
    // 创建新Scene并设置给Stage
    Scene secondScene = new Scene(secondLayout, 400, 300);
    secondScene.getStylesheets().add(getClass().getResource("mainStyle.css").toExternalForm());
    primaryStage.setScene(secondScene);
});

3. 布局区域替换法（BorderPane固定导航） #

如果项目需要固定导航栏，用BorderPane固定顶部/底部，只切换中间内容区域：

@Override
public void start(Stage primaryStage) {
    BorderPane mainBorder = new BorderPane();
    
    // 固定顶部导航栏
    HBox topNav = new HBox();
    topNav.setPadding(new Insets(10));
    topNav.setStyle("-fx-background-color: #333;");
    Button homeBtn = new Button("首页");
    Button settingBtn = new Button("设置");
    topNav.getChildren().addAll(homeBtn, settingBtn);
    mainBorder.setTop(topNav);

    // 默认显示首页
    showHomePage(mainBorder);
    
    Scene mainScene = new Scene(mainBorder, 400, 300);
    primaryStage.setScene(mainScene);
    primaryStage.show();

    // 导航按钮切换事件
    homeBtn.setOnAction(e -> showHomePage(mainBorder));
    settingBtn.setOnAction(e -> showSettingPage(mainBorder));
}

private void showHomePage(BorderPane mainBorder) {
    GridPane homePane = new GridPane();
    homePane.getChildren().add(new Label("首页内容"));
    mainBorder.setCenter(homePane);
}

private void showSettingPage(BorderPane mainBorder) {
    VBox settingPane = new VBox();
    settingPane.getChildren().add(new Label("设置页面"));
    mainBorder.setCenter(settingPane);
}

4. 简单封装页面管理器（代码更整洁） #

写一个简单的管理器类封装切换逻辑，适合多页面项目：

class PageManager {
    private Stage stage;
    private Map<String, Parent> pages = new HashMap<>();

    public PageManager(Stage stage) {
        this.stage = stage;
    }

    // 注册页面
    public void addPage(String pageName, Parent page) {
        pages.put(pageName, page);
    }

    // 切换到指定页面
    public void switchToPage(String pageName) {
        Parent page = pages.get(pageName);
        if (page != null) {
            Scene scene = new Scene(page, 400, 300);
            scene.getStylesheets().add(MainApp.class.getResource("mainStyle.css").toExternalForm());
            stage.setScene(scene);
        }
    }
}

// 主类中使用
@Override
public void start(Stage primaryStage) {
    PageManager manager = new PageManager(primaryStage);

    // 注册首页
    GridPane firstPage = new GridPane();
    Button switchBtn = new Button("去第二页");
    switchBtn.setOnAction(e -> manager.switchToPage("second"));
    firstPage.getChildren().add(switchBtn);
    manager.addPage("first", firstPage);

    // 注册第二页
    VBox secondPage = new VBox();
    Button backBtn = new Button("返回首页");
    backBtn.setOnAction(e -> manager.switchToPage("first"));
    secondPage.getChildren().add(backBtn);
    manager.addPage("second", secondPage);

    // 初始显示首页
    manager.switchToPage("first");
    primaryStage.setTitle("页面管理器示例");
    primaryStage.show();
}

内容的提问来源于stack exchange，提问作者Conj28