BorderPanes中的JavaFX节点对齐

Question

我遇到的问题是，当我尝试将切片添加到边框窗格的中心，然后将该边框窗格添加到根边框窗格的中心时，对齐远非正确。

这是我创建一个名为mainPane的主要或“根”窗格的位置。然后我创建了bottomPane和centerPane来保存最终会添加到mainPane底部和中心的项目：

BorderPane mainPane = new BorderPane();

BorderPane bottomPane = new BorderPane();
BorderPane centerPane = new BorderPane();

Button quitButton = new Button("Quit Game");
bottomPane.setRight(quitButton);

Text gameWinLabel = new Text();
gameWinLabel.setText("You win!");
gameWinLabel.setFont(Font.font("Times New Roman", 50));
gameWinLabel.setVisible(false);
bottomPane.setCenter(gameWinLabel);

然后我编写了为内存游戏生成切片的代码：

char c = 'A';
List<Tile> tiles = new ArrayList<>();
for (int i = 0; i < NUM_OF_PAIRS; i++) {
    tiles.add(new Tile(String.valueOf(c)));
    tiles.add(new Tile(String.valueOf(c)));
    c++;
}

Collections.shuffle(tiles);

for (int i = 0; i < tiles.size(); i++) {
    Tile tile = tiles.get(i);
    tile.setTranslateX(100 * (i % NUM_PER_ROW));
    tile.setTranslateY(100 * (i / NUM_PER_ROW));
    centerPane.getChildren().add(tile);
}

最后，我将容器窗格锚定到mainPane：

mainPane.setBottom(bottomPane);
mainPane.setCenter(centerPane);

这是当前的输出：

最终目标是让游戏集中在mainPane的中心。

提前感谢任何建议！

Answer 1

正如我在评论中提到的，GridPane对你来说是更好的选择，你可以这样做：

GridPane root = new GridPane(), centreGrid = new GridPane();
root.setAlignment(Pos.CENTER);
BorderPane bottomPane = new BorderPane();
Integer rowCount = 0 ,colCount = 0;

Button quitButton = new Button("Quit Game");
bottomPane.setRight(quitButton);

Text gameWinLabel = new Text();
gameWinLabel.setText("You win!");
gameWinLabel.setFont(Font.font("Times New Roman", 50));
gameWinLabel.setVisible(false);
bottomPane.setCenter(gameWinLabel);

char c = 'A';
List<Tile> tiles = new ArrayList<>();
for (int i = 0; i < NUM_OF_PAIRS; i++) {
   tiles.add(new Tile(String.valueOf(c)));
   tiles.add(new Tile(String.valueOf(c)));
   c++;
}

Collections.shuffle(tiles);

for (int i = 0; i < tiles.size(); i++) {
   Tile tile = tiles.get(i);
   if (rowCount > 4) {
      rowCount += 1;
      colCount = 0;
   }
   centreGrid.add(tile, colCount, rowCount);
   colCount += 1;
}

root.add(centreGrid, 0, 1);
root.add(bottomGrid, 0, 2);

至于顶部，随意添加你喜欢的任何东西。有关更多信息，请参阅Oracle页面上的GridPane。

Answer 2

为了避免很多困难，我调整了mainPane的大小以适应游戏板的大小。我意识到这不是对齐的答案，但为了让游戏板更好（这是我的目标），我认为我的解决方案还可以。

感谢您的时间和帮助！