如何获得按钮来填充 javafx 网格窗格？

Question

Java Swing 具有 GridLayout，它允许您指定小部件数组的大小，例如 3X4。然后小部件填充它们占据的面板。如何在 JavaFX 中获得类似的效果？

Answer 1

您可以在 JavaFX 中使用 GridPane。在Java-代码中，可以通过

创建

GridPane pane = new GridPane();

并向其添加不同的节点，例如像

Label label = new Label();
pane.add(label, 0,0);

这会将标签添加到 GridPane 的第一行和第一列。对于更复杂的 GUI，您可以使用 SceneBuilder。

Answer 2

我想你问的是如何让节点填充分配给网格窗格中其单元格的 space。

有几种方法可以做到这一点。您可以使用静态 GridPane 方法将 GridPane-特定属性设置应用于节点：

GridPane.setFillWidth(myButton, true);
GridPane.setFillHeight(myButton, true);

另一种方法是在网格窗格本身上指定列约束和行约束：

GridPane grid = new GridPane();
for (int rowIndex = 0; rowIndex < numRows; rowIndex++) {
    RowConstraints rc = new RowConstraints();
    rc.setVgrow(Priority.ALWAYS) ; // allow row to grow
    rc.setFillHeight(true); // ask nodes to fill height for row
    // other settings as needed...
    grid.getRowConstraints().add(rc);
}
for (int colIndex = 0; colIndex < numColumns; colIndex++) {
    ColumnConstraints cc = new ColumnConstraints();
    cc.setHgrow(Priority.ALWAYS) ; // allow column to grow
    cc.setFillWidth(true); // ask nodes to fill space for column
    // other settings as needed...
    grid.getColumnConstraints().add(cc);
}

在任何一种情况下，您都需要让节点增长，以便它们尊重网格窗格提出的增长请求。所以，例如：

Button myButton = new Button("Click");
myButton.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE);
grid.add(myButton, 0, 0);

SSCCE（使用行列约束法）：

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.Priority;
import javafx.scene.layout.RowConstraints;
import javafx.stage.Stage;

public class KeyPad extends Application {

    @Override
    public void start(Stage primaryStage) {
        GridPane grid = new GridPane();
        int numRows = 4 ;
        int numColumns = 3 ;
        for (int row = 0 ; row < numRows ; row++ ){
            RowConstraints rc = new RowConstraints();
            rc.setFillHeight(true);
            rc.setVgrow(Priority.ALWAYS);
            grid.getRowConstraints().add(rc);
        }
        for (int col = 0 ; col < numColumns; col++ ) {
            ColumnConstraints cc = new ColumnConstraints();
            cc.setFillWidth(true);
            cc.setHgrow(Priority.ALWAYS);
            grid.getColumnConstraints().add(cc);
        }

        for (int i = 0 ; i < 9 ; i++) {
            Button button = createButton(Integer.toString(i+1));
            grid.add(button, i % 3, i / 3);
        }
        grid.add(createButton("#"), 0, 3);
        grid.add(createButton("0"), 1, 3);
        grid.add(createButton("*"), 2, 3);

        Scene scene = new Scene(grid);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private Button createButton(String text) {
        Button button = new Button(text);
        button.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE);
        button.setOnAction(e -> System.out.println(text));
        return button ;
    }

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

Answer 3

我想完成 James_D 的回答。我想展示如何使用 SceneBuilder 实现相同的结果。

在 SceneBuilder 中 select 要增长的节点并将 "Max Width" 和 "Max Height" 设置为 MAX_VALUE

如何获得按钮来填充 javafx 网格窗格？

How do I get buttons to fill a javafx gridpane?

layout

javafx-2

javafx-8