如何在 GridPane 中获取 Rectangle 的屏幕/场景中心 x、y？

Question

我正在用 JavaFX8 实现一个简单的棋盘游戏。

对于游戏板，我决定使用 10x10 GridPane 并在表单的初始化方法中用矩形填充它的单元格。

private void drawBoard() {
    gridpaneBoard.getChildren().clear();
    for (int y = 0; y < gridpaneBoard.getRowConstraints().size(); y++)
        for (int x = 0; x < gridpaneBoard.getColumnConstraints().size(); x++) {
            Rectangle rect = new Rectangle(55,55);
            rect.setStroke(Color.BLACK);

            Tile tile = GameController.getInstance().getBoard().getTile(x, y);
            if (tile.hasBranch())
                rect.setFill(QuestionDifficulty.values()[tile.getBranch()
                                                         .getQuestion().getQuestion()
                                                         .getLevel()].getColor());
            else
                rect.setFill(Color.WHITE);

            gridpaneBoard.add(rect, x, y);
            gridpaneBoard.add(new Label(String.valueOf(tile.getNumber())), x, y);
        }
}

为了在掷骰子后为玩家标记移动设置动画，我认为我需要知道每个图块的中心 x 和中心 y（以创建从源图块到目标图块的路径过渡）。

我尝试了各种其他人的问题的答案，但对我来说一切都返回 0,0。

这是该场景中的容器层次结构：

这是当前输出的样子：

如果 GridPane 适合我想要实现的目标，我怎样才能获得孩子（在本例中为矩形）的屏幕/场景中心 x,y？

如果 GridPane 不好，你能指出我的替代方案以及我如何实现我想要的......

谢谢！

Answer 1

您可以简单地调用getBoundsInParent 以获取其父级中Node 的尺寸。

下面的例子稍微简化了一点，但它应该展示了这种方法：

@Override
public void start(Stage primaryStage) {
    GridPane gridpaneBoard = new GridPane();
    for (int y = 0; y < 10; y++) {
        for (int x = 0; x < 10; x++) {
            Rectangle rect = new Rectangle(55, 55);
            rect.setStroke(Color.BLACK);

            rect.setFill((x + y) % 2 == 0 ? Color.WHITE : Color.DARKGRAY);

            gridpaneBoard.add(rect, x, y);
        }
    }

    gridpaneBoard.setOnMouseClicked(evt -> {
        Node target = evt.getPickResult().getIntersectedNode();

        if (target != gridpaneBoard) {
            // in your case you'd need to make sure this is not the Label
            Bounds bounds = target.getBoundsInParent();
            System.out.println("bounds = " +bounds);
            System.out.println("centerX = " +(bounds.getMinX() + bounds.getWidth()/2));
            System.out.println("centerY = " +(bounds.getMinY() + bounds.getHeight()/2));
        }
    });

    Scene scene = new Scene(gridpaneBoard);

    primaryStage.setScene(scene);
    primaryStage.show();
}

如果需要与GridPane 坐标不同的坐标，您可以将getBoundsInLocal 与localTo... 结合使用：

Bounds bounds = target.localToScene(target.getBoundsInLocal());

用于场景边界或

Bounds bounds = target.localToScreen(target.getBoundsInLocal());

用于屏幕边界。

注意：这与任何修改 GridPane 子级布局方式的属性无关。

Answer 2

你可以使用：

-GridPane.getColumnIndex(Node)获取列索引。

-GridPane.getRowIndex(Node) 获取行索引。

-由于您知道您孩子的Width 和Height (55,55) (Rectangle)，您可以只计算它的centerX、centerY，它是相对于它在容器中的位置，但是由于您使用 GridPane，我认为这是不可能的，因为它具有约束。您可以通过更改对象的容器或在另一个原始/列中完全重绘它来修复它，这是一个示例Replace a node at (row,col)。