Question

我正在尝试在JavaFX中使用测量工具在ImageView上使用，我在图像中点击两个点，然后得到它们之间的距离 - 我已经想出了这一部分。但是，我也希望能够看到/标记我点击的图像上的位置，但我无法想象如何最好这样做。我将附加测量工具的代码，以便您更好地了解我正在处理的内容。我认为它必须在第一个if循环中，我可以在（secondposx，secondposy）设置标记 - 但我的问题是，我该如何制作那个标记？你有什么好主意吗？ :-)

private void btnMeasureAction(ActionEvent event) {
    if (btnMeasure.isSelected()) {
        imgView.setCursor(Cursor.CROSSHAIR);
        imgView.setPickOnBounds(true);
        imgView.setOnMouseClicked(e -> {
            secondposx = e.getX();
            secondposy = e.getY();
// I think the MARK should be set here.
                //System.out.println(secondposx + ", " + secondposy);


            if ((firstposx == 0)) {
                firstposx = secondposx;
                firstposy = secondposy;
                //System.out.println(firstposx + ", " + firstposy);
            } else {
                double distance = Math.sqrt(Math.pow((secondposx - firstposx), 2) + Math.pow((secondposy - firstposy), 2));
                System.out.println("The distance is: " + distance);
                btnMeasure.setSelected(false);
                imgView.setOnMouseClicked(null);
                imgView.setCursor(Cursor.DEFAULT);
                firstposx = 0;
                firstposy = 0;
                secondposy = 0;
                secondposx = 0;
            }

Answer 1

一种解决方案是将图像视图包裹在Pane内，并将适当的形状添加到Pane。即而不是

scrollPane.setContent(imgView);

DO

Pane imgContainer = new Pane(imgView);
scrollPane.setContent(imgContainer);

然后再做

Circle marker = new Circle(secondposx, secondposy, 2, Color.SALMON);
imgContainer.getChildren().add(marker);

如果要将标记直接添加到现有AnchorPane（或任何其他容器，这是图像视图的祖先），并避免创建其他容器，您可以这样做，但您需要更改图像视图到该容器的坐标。您可以先在场景中获取坐标，然后从场景坐标更改为容器坐标：

Point2D sceneCoords = new Point2D(e.getSceneX(), e.getSceneY());
Point2D anchorPaneCoords = anchorPane.sceneToLocal(sceneCoords);
Circle marker = new Circle(anchorPaneCoords.getX(), anchorPaneCoords.getY(), 2, Color.CORAL);
anchorPane.getChildren().add(marker);

Answer 2

试试这个：

Circle c = new Circle(secondposx, secondposy, 5, Color.RED);
anchorPane.getChildren().add(c);

然后，如果你想删除它：

anchorPane.getChildren().remove(c);

是的，它在这个地方

JavaFX，鼠标单击标记图像上的坐标

2 个答案: