JavaFX GridPane 动态添加行列及自适应窗口大小教程-java教程-PHP中文网

JavaFX GridPane 动态添加行列及自适应窗口大小教程

碧海醫心

发布： 2025-08-24 20:14:01

原创

190人浏览过

JavaFX GridPane 动态添加行列及自适应窗口大小教程

本文将介绍如何在JavaFX的GridPane中动态添加列和行，并使其能够自适应窗口大小。原始问题主要集中在使用ColumnConstraints和RowConstraints动态调整GridPane大小，并在循环中添加行列时遇到的问题，以及如何调整GridPane和窗口大小以适应不同大小的网格。

使用百分比约束实现自适应大小

一种更灵活的方法是使用百分比约束来定义gridpane的列和行。这样，gridpane的大小将根据其父容器（例如窗口）的大小自动调整。

以下是一个示例，展示了如何创建一个3x3的GridPane，其中每列和每行都占据GridPane的1/3宽度和高度：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.ColumnConstraints;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.RowConstraints;
import javafx.stage.Stage;

public class GridPaneExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        GridPane gameBoard = new GridPane();

        // 设置列约束
        ColumnConstraints colThird = new ColumnConstraints();
        colThird.setPercentWidth(100.0 / 3); // 每列占据1/3的宽度
        gameBoard.getColumnConstraints().addAll(colThird, colThird, colThird);

        // 设置行约束
        RowConstraints rowThird = new RowConstraints();
        rowThird.setPercentHeight(100.0 / 3); // 每行占据1/3的高度
        gameBoard.getRowConstraints().addAll(rowThird, rowThird, rowThird);

        // 可在此处添加子节点到GridPane，例如按钮或标签

        Scene scene = new Scene(gameBoard, 600, 400); // 设置窗口大小
        primaryStage.setTitle("GridPane Example");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

登录后复制

代码解释：

落笔AI

AI写作，AI写网文、AI写长篇小说、短篇小说

查看详情

立即学习“Java免费学习笔记（深入）”；

创建GridPane: 首先，创建一个GridPane实例。
设置列约束: 创建ColumnConstraints对象，并使用setPercentWidth()方法设置每列的宽度百分比。在此示例中，每列的宽度设置为GridPane总宽度的1/3（即100.0 / 3）。
设置行约束: 类似地，创建RowConstraints对象，并使用setPercentHeight()方法设置每行的高度百分比。
添加约束到GridPane: 使用getColumnConstraints().addAll()和getRowConstraints().addAll()方法将创建的列和行约束添加到GridPane中。
创建Scene并显示: 创建一个包含GridPane的Scene，并设置窗口的标题和大小。

动态添加行列

如果需要根据用户输入或其他条件动态调整GridPane的大小，可以在代码中动态添加列和行约束。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.ColumnConstraints;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.RowConstraints;
import javafx.stage.Stage;

public class DynamicGridPaneExample extends Application {

    private GridPane gameBoard;
    private int boardNumber = 3; // 初始行列数

    @Override
    public void start(Stage primaryStage) {
        gameBoard = new GridPane();

        updateGridPane();

        Button addButton = new Button("Add Row/Column");
        addButton.setOnAction(event -> {
            boardNumber++;
            updateGridPane();
        });

        GridPane root = new GridPane();
        root.add(gameBoard, 0, 0);
        root.add(addButton, 0, 1);

        Scene scene = new Scene(root, 600, 400);
        primaryStage.setTitle("Dynamic GridPane Example");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private void updateGridPane() {
        gameBoard.getColumnConstraints().clear();
        gameBoard.getRowConstraints().clear();

        for (int i = 0; i < boardNumber; i++) {
            ColumnConstraints col = new ColumnConstraints();
            col.setPercentWidth(100.0 / boardNumber);
            gameBoard.getColumnConstraints().add(col);

            RowConstraints row = new RowConstraints();
            row.setPercentHeight(100.0 / boardNumber);
            gameBoard.getRowConstraints().add(row);
        }

        // 示例：添加按钮到GridPane
        gameBoard.getChildren().clear(); // 清除之前的子节点
        for (int row = 0; row < boardNumber; row++) {
            for (int col = 0; col < boardNumber; col++) {
                Button button = new Button("Cell " + row + ", " + col);
                gameBoard.add(button, col, row);
            }
        }
    }

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

登录后复制

代码解释：

立即学习“Java免费学习笔记（深入）”；

updateGridPane() 方法: 这个方法负责更新GridPane的行列约束。
- 首先，清除现有的列和行约束。
- 然后，根据boardNumber的值，循环创建新的列和行约束，并设置它们的百分比宽度和高度。
- 最后，将约束添加到GridPane中。
动态添加按钮: 在updateGridPane()方法中，还添加了向GridPane添加按钮的示例代码。这可以帮助你理解如何将内容添加到动态生成的GridPane中。
添加按钮事件: 当点击“Add Row/Column”按钮时，boardNumber的值会增加，然后调用updateGridPane()方法更新GridPane。

注意事项：