Я написал код, который добавляет кнопки в GridPane, все работает как надо, когда я запускаю код. Единственная проблема в том, что кнопки в их ячейках слишком далеко друг от друга, лучший результат, который я получил, это тот, что ниже, но это нехорошо, так как между кнопками все еще есть барьер (и они не в центре сетки ). Код для создания кнопок и добавления их в сетку:
for (int i = 0; i < columns; i++) {
for (int j = 0; j < rows; j++) {
b = new Button(" ");
b.setMinSize(30, 30);
b.setMaxSize(30, 30);
b.setStyle("-fx-font-size:11");
bCont.TheBoard.add(b, i, j);
// bCont.TheBoard.setVgap(5.0);
// bCont.TheBoard.setHgap(5.0);
// GridPane.setMargin(b, new Insets(5, 5, 5, 5));
GridPane.setHalignment(b, HPos.CENTER);
GridPane.setValignment(b, VPos.CENTER);
GridPane.setVgrow(b, Priority.ALWAYS);
GridPane.setHgrow(b, Priority.ALWAYS);
}
}
ColumnConstraints constraints = new ColumnConstraints();
constraints.setPercentWidth(85 / columns);
RowConstraints rowconst = new RowConstraints();
rowconst.setPercentHeight(85 / rows);
for (int t = 0; t < columns; t++) {
bCont.TheBoard.getColumnConstraints().add(constraints);
}
for (int t = 0; t < rows; t++)
bCont.TheBoard.getRowConstraints().add(rowconst);
Пример вывода (первое изображение — доска размером 3х3, второе — 10х10):
И на всякий случай еще нужен FXML код платы:
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.ColumnConstraints?>
<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.RowConstraints?>
<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="853.0" prefWidth="1280.0" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1" fx:controller="MS.BoardCONTROLLER">
<children>
<GridPane fx:id="TheBoard" alignment="TOP_CENTER" layoutX="200.0" layoutY="118.0" AnchorPane.bottomAnchor="90.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
<columnConstraints>
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
</rowConstraints>
</GridPane>
<HBox alignment="BOTTOM_LEFT" fillHeight="false" layoutX="14.0" layoutY="560.0" prefHeight="51.0" prefWidth="290.0" AnchorPane.bottomAnchor="20.0" AnchorPane.leftAnchor="20.0" AnchorPane.rightAnchor="700.0" AnchorPane.topAnchor="560.0">
<children>
<Button fx:id="BackMenu" mnemonicParsing="false" onAction="#BackMenu" text="Back to menu" />
<Button fx:id="ResetBoard" mnemonicParsing="false" onAction="#ResetBoard" text="Reset" textFill="RED">
<HBox.margin>
<Insets left="10.0" />
</HBox.margin>
</Button>
<Button fx:id="Music" mnemonicParsing="false" onAction="#Music" text="Music">
<HBox.margin>
<Insets left="10.0" />
</HBox.margin>
</Button>
</children>
</HBox>
</children>
</AnchorPane>
Спасибо.
Дополнительная информация - если я уменьшу окно сцены, как показано на изображении ниже, ячейки будут ближе друг к другу (а если я сделаю еще меньше, они будут наступать друг на друга):
