创建一个gridpane以灵活地调整其大小

Question

我正在为自己的一个项目一个游戏叫集合。它是一个与不同的牌相匹配的游戏，每一张牌都有形状、颜色或形状的数量。我试图创建一个网格窗格，它可以灵活地容纳一个形状，或者最多容纳3个形状。我创建了一个3×3的gridpane，并且已经创建了数组来选择随机的形状、颜色或数字。然而，我一直在苦苦思索如何创建一个gridpane，其中每个网格可以灵活地容纳形状的数量。这是我当前的代码。方法setCards扩展了BorderPane。这里我正在使用圆圈来测试布局。这个场景是999x999，它是一个3x3的网格。这是一个屏幕截图，它看起来像目前，它真的让我困惑为什么。如有任何帮助，我们将不胜感激。附上图片

import javafx.geometry.Insets;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.ColumnConstraints;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.RowConstraints;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;

import java.util.concurrent.ThreadLocalRandom;
import javafx.scene.control.Button;
import java.util.*;
public class SetCards extends BorderPane{
    
    private GridPane cards;
    private Button checkSet;
    private Button findSets;
    private Button replaceEmptyPanes;
    private VBox menu;
    private HBox[][] num1;
    private int row, col;
    private Circle cir;
    public SetCards(){
    
        //set up gridpane

        menu = new VBox();
        
        num1 = new HBox[9][9];
        
        cards = new GridPane();
        
        
        for(col = 0; col < 3; col++) {
            for(row = 0; row < 3; row++) {
                
                cir = new Circle(40);
                
                cir.setFill(Color.RED);
                
                cir.setStroke(Color.BLACK);
                
                cir.setStrokeWidth(2);
                
                cir.setCenterY(col);
                cir.setCenterX(row);
                
                num1[col][row] = new HBox();
                
                num1[col][row].getChildren().addAll(cir);
                
                cards.add(num1[col][row],col, row);
            }
        }
        
        checkSet = new Button("Check Set");
        
        findSets = new Button("Find Set");
        
        replaceEmptyPanes = new Button("Replace Cards");
        
        cards.getColumnConstraints().add(new ColumnConstraints(333));
        
        cards.getRowConstraints().add(new RowConstraints(333));
        
        menu.setSpacing(40);
        
        menu.setPadding(new Insets(20, 20, 20, 20));
        
        menu.setStyle("-fx-border-color: black");
        
        menu.getChildren().addAll(checkSet, findSets, replaceEmptyPanes);
        
        this.setLeft(menu);
        
        this.setCenter(cards);
        
        
        
    }
}

Answer 1

仅为第一行和第一列设置约束。必须为要配置的每一行和每列添加约束。查看文档，您可以只执行一个循环来设置所有约束：

for(int i=0; i<3; i++){
    cards.getColumnConstraints().add(new ColumnConstraints(333));
    cards.getRowConstraints().add(new RowConstraints(333));
}