JavaFX，MouseEvent问题

Question

我目前正在开发一个油漆应用程序，并创建了几个正在工作的工具，但在创建“绘制直线”工具时遇到了一个问题。

所以我基本上画了一条从A点到B点的线，这条线是在那里，然而，当我切换我的其他工具(画圆圈，矩形等)时，形状是在与直线同时绘制的，尽管“绘制线”按钮被切换掉了。

下面的代码将允许您绘制直线，您可以尝试切换不同的按钮，当您将光标拖过窗格时，直线仍将被绘制。

有人知道我犯了什么样的错误，以及任何可能的修复和/或替代解决方案吗？

(事件处理程序在那里，以便我可以选择绘制的形状，如果需要，稍后可以更改它们，这段代码是我的画图应用程序的精简版本)

public class DrawLine extends Application {


@Override
public void start(Stage primaryStage) {

    ToggleButton lineButton  =   new    ToggleButton    ("Draw Line");
    ToggleButton Button      =   new    ToggleButton    ("Button with no function");

    BorderPane pane = new BorderPane();
    ToolBar toolbar = new ToolBar();
    Scene scene = new Scene(pane, 1200, 800);
    pane.setLeft(toolbar);
    toolbar.getItems().addAll(lineButton, Button);


    // Draw Line
    scene.addEventHandler(MouseEvent.MOUSE_CLICKED, me -> { 
        if(lineButton.isSelected() & me.getButton().equals(MouseButton.PRIMARY) ) { 
            scene.setOnMousePressed(event -> {
                Line line = new Line();

                line.setStartX(event.getX());
                line.setStartY(event.getY());

                    scene.setOnMouseDragged(e->{

                        line.setEndX(e.getX());
                        line.setEndY(e.getY());
                        });

                    pane.getChildren().add(line);

                });
        }
    });


    primaryStage.setTitle("Paint App"); 
    primaryStage.setScene(scene);       
    primaryStage.show();                 
}

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

}

Answer 1

您只需要检查lineButton是否在MOUSE_CLICKED (顺便说一下，这是一个按下发布的手势)中被选中。在这个处理程序中添加一个MOUSE_PRESSED处理程序，在该处理程序中添加一个MOUSE_DRAGGED处理程序。您不检查lineButton是在MOUSE_PRESSED或MOUSE_DRAGGED处理程序中选择的。

这意味着，在if处理程序中的MOUSE_CLICKED条件计算为true之后，您将拥有一个独立于MOUSE_CLICKED处理程序的MOUSE_PRESSED和MOUSE_DRAGGED处理程序。现在，每当您按下任何鼠标按钮，它都会创建一个Line并将其添加到父程序中。然后新添加的MOUSE_DRAGGED处理程序将更改Line。

幸运的是，在某种程度上，您使用的是onXXX属性而不是addEventHandler。属性在设置时替换旧的EventHandler。如果没有发生这种情况(比如addEventHandler)，您将有许多EventHandler的绘图Line(每次多一次)。

您只需注册所有适当的EventHandler一次，并在其中执行逻辑。

下面是一个小例子：

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.ToggleButton;
import javafx.scene.control.ToggleGroup;
import javafx.scene.control.ToolBar;
import javafx.scene.input.MouseButton;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.Pane;
import javafx.scene.shape.Line;
import javafx.stage.Stage;

public class Main extends Application {

  private ToggleGroup toggleGroup;
  private ToggleButton lineBtn;

  private Group group;
  private Line currentLine;

  @Override
  public void start(Stage primaryStage) {
    toggleGroup = new ToggleGroup();
    lineBtn = new ToggleButton("Line");

    ToggleButton noneBtn = new ToggleButton("None");
    toggleGroup.getToggles().addAll(lineBtn, noneBtn);
    toggleGroup.selectToggle(noneBtn);

    group = new Group();

    BorderPane root = new BorderPane(new Pane(group), new ToolBar(lineBtn, noneBtn), null, null, null);
    root.getCenter().setOnMousePressed(this::handleMousePressed);
    root.getCenter().setOnMouseDragged(this::handleMouseDragged);
    root.getCenter().setOnMouseReleased(this::handleMouseReleased);

    primaryStage.setScene(new Scene(root, 800, 600));
    primaryStage.setTitle("Draw Shape Example");
    primaryStage.show();
  }

  private void handleMousePressed(MouseEvent event) {
    if (lineBtn.equals(toggleGroup.getSelectedToggle())
        && event.getButton() == MouseButton.PRIMARY) {
      currentLine = new Line(event.getX(), event.getY(), event.getX(), event.getY());
      group.getChildren().add(currentLine);
    }
  }

  private void handleMouseDragged(MouseEvent event) {
    if (currentLine != null) {
      currentLine.setEndX(event.getX());
      currentLine.setEndY(event.getY());
    }
  }

  private void handleMouseReleased(MouseEvent event) {
    if (currentLine != null 
        && currentLine.getStartX() == currentLine.getEndX()
        && currentLine.getStartY() == currentLine.getEndY()) {
      // The line has no length, remove it
      group.getChildren().remove(currentLine);
    }
    currentLine = null;
  }

}