按钮和文本字段调整大小和对齐

Question

我建了一个计算器。我无法按照我想要的形式对齐按钮和计算器的文本字段。

我使用 GridPane ，因为我认为控制按钮会更容易。我在线阅读Oracle的文档，但我仍然无法解决这个问题。

如何在JavaFX中调整大小/对齐按钮和文本字段？

我使用 HBox 作为文本字段，因为它只是一个数字，它是控制它的最简单方法。

计算器本身有效，问题是按钮和文本字段的大小调整和对齐。

这是我的计算器的图片：

以下是控制GridPane的代码：

GridPane grid = new GridPane();
grid.setPadding(new Insets(10 ,10 ,10 ,10));
grid.setVgap(4);
grid.setHgap(4);
HBox topMenu = new HBox(); // Display -- top of the window

grid.getChildren().addAll(button0, button1, button2, button3, button4, button5, button6, button7, button8, button9, plusButton, subButton, multiButton, divButton, eqButton, clearButton,npButton,decButton,percentButton);
topMenu.getChildren().add(display);

BorderPane borderPane = new BorderPane();
borderPane.setTop(topMenu);
borderPane.setCenter(grid);

Scene scene = new Scene(borderPane, 800, 600);
window.setScene(scene);
window.show();