使用百分比约束实现自适应大小
一种更灵活的方法是使用百分比约束来定义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);
}
}代码解释：
立即学习“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。
注意事项：
- 在动态添加行列之前，务必清除现有的约束，否则可能会导致意外的结果。
- 使用百分比约束可以使GridPane自动适应窗口大小，但如果需要更精细的控制，可以使用其他约束类型，例如setPrefWidth()和setPrefHeight()。
- 在向GridPane添加子节点时，确保使用正确的列和行索引。
总结
通过使用百分比约束和动态添加行列的方法，可以灵活地控制JavaFX GridPane的大小和布局，使其能够适应不同的窗口大小和用户需求。 在实际应用中，可以根据具体情况选择合适的约束类型和布局策略，以达到最佳的显示效果。 记住在每次更新GridPane时清除之前的约束和子节点，以避免出现问题。
