JavaFX绘制一条直线，当用户移动移动时自动更新[重复]

Question

我想画一条可以自我更新的直线，有点像您在 Microsoft Paint 中所做的。目前我可以在没有视觉反馈的情况下绘制它，在第一次单击时设置起始 x 和 y，当用户再次单击鼠标按钮时，它会设置结束 x 和 y，并将其添加到根子级。

我找到了这个答案how to draw a straight line in javafx that updates itself when the user moves the mouse?，这基本上是我想做的，并且基本上通过使用画布解决了我的问题。该线程中的其他用户已经建议或暗示没有画布会更容易实现，但没有提供示例。

因为我不能评论这个问题：有人可以给我看一个这个没有画布的例子吗？根据用户cmets，它应该更容易，但我无法弄清楚。

我拼凑了这个，这很有效，但我觉得有更好的方法来做到这一点：

private void registerMouseEventHandlers() {
    final Toggle toggle = new Toggle();
    final CustomLineMouseEventHandler lineMouseEventHandler = new CustomLineMouseEventHandler();

    this.scene.addEventFilter(MouseEvent.MOUSE_CLICKED, new EventHandler<MouseEvent>() {
        public void handle(MouseEvent event) {
            toggle.clickCount++;

            if (toggle.clickedTwice()) {
                lineMouseEventHandler.setEndXAndYAndAddToSceneGroup(event.getX(), event.getY());
            }
            else {
                lineMouseEventHandler.setCustomLine(new CustomLine());
                lineMouseEventHandler.setStartXAndY(event.getX(), event.getY());
            }

        }
    });
}


public class CustomLineMouseEventHandler {
private CustomLine customLine;
private List<CustomLine> customLines = new ArrayList<CustomLine>();

public void setCustomLine(CustomLine customLine) {
    this.customLine = customLine;
    this.customLine.setVisible(true);

}

public void setStartXAndY(double x, double y) {
    this.customLine.setStartX(x);
    this.customLine.setStartY(y);
    LineManipulator.getGroup().getChildren().add(this.customLine);
}

public void updateLine(double x, double y) {
    if (this.customLine != null) {
        this.customLine.setEndX(x);
        this.customLine.setEndY(y);
    }
}

public void setEndXAndYAndAddToSceneGroup(double x, double y) {
    this.customLine.setEndX(x);
    this.customLine.setEndY(y);
    this.customLines.add(customLine);
    LineManipulator.getGroup().getChildren().remove(LineManipulator.getGroup().getChildren().size() - 1);
    LineManipulator.getGroup().getChildren().add(this.customLine);
    this.customLine = null;
}

}

Answer 1

您可以为此轻松实现单击-拖动-释放用户输入样式：按下鼠标时向窗格添加新行，并在拖动鼠标时更新其端点：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.Pane;
import javafx.scene.shape.Line;
import javafx.stage.Stage;

public class Draw extends Application {

    private Line currentLine ;

    @Override
    public void start(Stage primaryStage) {
        Pane pane = new Pane();

        pane.setOnMousePressed(e -> {
            currentLine = new Line(e.getX(), e.getY(), e.getX(), e.getY());
            pane.getChildren().add(currentLine);
        });

        pane.setOnMouseDragged(e -> {
            currentLine.setEndX(e.getX());
            currentLine.setEndY(e.getY());
        });

        Scene scene = new Scene(pane, 600, 600);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

如果您更喜欢点击-移动-点击用户体验而不是按下-拖动-释放，请将这两个事件处理程序替换为

    pane.setOnMouseClicked(e -> {
        if (currentLine == null) {
            currentLine = new Line(e.getX(), e.getY(), e.getX(), e.getY());
            pane.getChildren().add(currentLine);
        } else {
            currentLine = null ;
        }
    });

    pane.setOnMouseMoved(e -> {
        if (currentLine != null) {
            currentLine.setEndX(e.getX());
            currentLine.setEndY(e.getY());
        }
    });