Javafx形状错位

Question

我对javafx中的形状错位有问题。我使用的是javafx.scene.shape。使用Shape进行一些计算。当我像下面的第一个代码一样将所有形状放在一起时，一切都很好。但在我的扩展程序中，我的想法是动态地将形状添加到AnchorPane（如果有帮助，我可以使用其他类型的窗格）。我在下面粘贴了第二个代码，显示了形状错位。

第一个代码（效果好）：

public class Controller {
public AnchorPane displayPane;

public Circle circleA = new Circle();
public Circle circleB = new Circle();
public Shape resultShape;

public void initialize() {
    setupShapes();
    displayPane.getChildren().add(circleA);
    displayPane.getChildren().add(circleB);
}

public void setupShapes() {
    double d = 100;
    double x = Math.sqrt(3 * Math.pow(d, 2) / 4);

    circleA.setCenterX(300.0);
    circleA.setCenterY(300.0 - d);
    circleA.setRadius(150);
    circleA.setFill(Color.TRANSPARENT);
    circleA.setStroke(Color.BLACK);
    circleA.setStrokeWidth(2);

    circleB.setCenterX(300.0 + x);
    circleB.setCenterY(300.0 + d / 2);
    circleB.setRadius(150);
    circleB.setFill(Color.TRANSPARENT);
    circleB.setStroke(Color.BLACK);
    circleB.setStrokeWidth(2);

    resultShape = Shape.intersect(circleA, circleB);
    resultShape.setFill(Color.DEEPSKYBLUE);
    displayPane.getChildren().add(resultShape);
}
}

第二个代码（错误结果）：

public class Controller {
    public AnchorPane displayPane;

    public Circle circleA = new Circle();
    public Circle circleB = new Circle();
    public Shape resultShape;

    public void initialize() {
        setupShapes();
        displayPane.getChildren().add(circleA);
        displayPane.getChildren().add(circleB);

        resultShape = Shape.intersect(circleA, circleB);
        resultShape.setFill(Color.DEEPSKYBLUE);
        displayPane.getChildren().add(resultShape);
    }

    public void setupShapes() {
        double d = 100;
        double x = Math.sqrt(3 * Math.pow(d, 2) / 4);

        circleA.setCenterX(300.0);
        circleA.setCenterY(300.0 - d);
        circleA.setRadius(150);
        circleA.setFill(Color.TRANSPARENT);
        circleA.setStroke(Color.BLACK);
        circleA.setStrokeWidth(2);

        circleB.setCenterX(300.0 + x);
        circleB.setCenterY(300.0 + d / 2);
        circleB.setRadius(150);
        circleB.setFill(Color.TRANSPARENT);
        circleB.setStroke(Color.BLACK);
        circleB.setStrokeWidth(2);
    }
}

这段代码只显示了我较大代码的简化版本，但阐明了我的问题复杂的方式，我认为我这样做的方式可能不是最好的。我希望得到您的想法，使其正常工作。感谢您未来的评论和答案。

[编辑]我的简单fxml：

<AnchorPane fx:controller="sample.Controller"
        xmlns:fx="http://javafx.com/fxml" prefHeight="720" prefWidth="1280">
<children>
    <AnchorPane fx:id="displayPane" layoutX="60.0" layoutY="60.0" prefHeight="600.0" prefWidth="600.0" />
</children>

当我将锚点窗格更改为窗格时，没有任何变化。

Answer 1

如果要查看形状的详细信息及其位置，可以使用系统.out.println（结果形状）在控制台中打印出来。

对您的两个版本执行此操作后，您会注意到错误的版本在X轴上被移位了60.0，在Y轴上也是如此。只有当您在圆圈之后添加结果形状时才会发生这种情况，这是由AnchorPane中layoutX和layoutY的值引起的。

圆的中心被设置为特定值。如果在将它们添加到窗格之前将其相交，将使用这些值计算结果形状的位置。之后是displayPane.getChildren()。add()将只转换所有三个对象一次——这是预期的结果。

当您尝试在向锚点添加圆后获取resultShape时，将使用displayPane.getChildren（）已转换的值计算其位置。add（），这将是一个很好的位置。不幸的是，将resultShape添加到主播会再次移动它-它会“两次”移位。

有一些方法可以解决这个问题：

1)将resultShape添加到主anchor pane(display pane的父级)-您将避免第二次移位。

2)在将圆添加到displayPane之前，将它们相交(就像代码的第一个版本中一样)-所有对象将只移位一次。

3)如果layoutX和layoutY不是必需的，就去掉它们。

希望这会有所帮助。