在子节点JavaFX上不接收鼠标按下事件

Question

我要在两个图像视图之间绘制路径，视图与图片相同

此路径从其中一个imageview开始（按鼠标），继续（按鼠标）并在窗格上移动事件，并且必须在另一个imageview结束（按鼠标）。这是第一次鼠标按下在imageviews上没有收到任何鼠标按下事件后的问题，该事件只是在窗格上收到，因为绘制线没有停止。我的代码出了什么问题？

这是我的控制器代码：

public class DrawLine {
    @FXML
    ImageView imageView1 ;
    @FXML
    ImageView imageView2 ;
    @FXML
    AnchorPane pane ;
    private  Line currentLine ;
    private  String state ;
    private DoubleProperty mouseX = new SimpleDoubleProperty();
    private DoubleProperty mouseY = new SimpleDoubleProperty();

    @FXML
    private  void initialize(){
        state = "dfkl" ;
        imageView1.setPreserveRatio( false);
        imageView2.setPreserveRatio( false);
        imageView1.setOnMousePressed( event -> {
            imageMousePress( event);
        });
        imageView2.setOnMousePressed( event -> {
            imageMousePress( event);
        });
        pane.setOnMousePressed( event ->  {
            paneMousePress( event) ;
        });
        imageView2.setPickOnBounds(false);
        imageView1.setPickOnBounds(false);
        pane.setOnMouseMoved( event -> {
            paneMouseMove( event);
        });

    }


    public  void paneMouseMove( MouseEvent e) {
        if( this.state.equals("DRAWLINE") && this.currentLine != null) {
            makeLine( e);
        }
    }
    public void paneMousePress( MouseEvent e) {
        if( this.state.equals("DRAWLINE") && this.currentLine != null) {
            endLine(e);
            startLine(e);
        }
    }
    private  void  startLine( MouseEvent e ){
        currentLine = new Line();
        currentLine.setStyle( "-fx-stroke: #a86a6a ; -fx-stroke-width: 5");
        currentLine.setStartX( e.getSceneX());
        currentLine.setStartY(e.getSceneY());
        mouseX.set( e.getSceneX()) ;
        mouseY.set( e.getSceneY());
        currentLine.endXProperty().bind(mouseX);
        currentLine.endYProperty().bind(mouseY);
        pane.getChildren().add(currentLine);
    }
    private  void  endLine (  MouseEvent e){
        currentLine.endXProperty().unbind();
        currentLine.endYProperty().unbind();
        currentLine.setEndX(e.getX());
        currentLine.setEndY(e.getY());
        currentLine = null;
    }
    private  void makeLine( MouseEvent e){
        mouseX.set(e.getX());
        mouseY.set(e.getY());
    }

    private void imageMousePress( MouseEvent event){
        if( currentLine == null){
            startLine(event);
            state = "DRAWLINE" ;
        }else if( currentLine != null & state.equals("DRAWLINE")){
            endLine( event);
        }
    }
}

请帮帮我。

Answer 1

拖动直线的endpoint时，endpoint位于鼠标光标下方。这样，鼠标事件的目标是线，而不是图像视图，并且由于消耗它的线没有事件处理程序，因此事件被传递到线的父对象，线是锚链，而不是图像视图。

要修复此问题，请将行的mouseTransparent属性设置为true：

private void startLine(MouseEvent e) {
    currentLine = new Line();
    currentLine.setMouseTransparent(true);
    ...
}

此外，您应该使用ImageView的事件以不触发AnchorPane的事件处理程序：

imageView1.setOnMousePressed(event -> {
    imageMousePress(event);
    event.consume();
});
imageView2.setOnMousePressed(event -> {
    imageMousePress(event);
    event.consume();
});

另请注意，MouseEvent的x和y属性相对于添加处理程序的Node的坐标系。

private void endLine(MouseEvent e) {
    currentLine.endXProperty().unbind();
    currentLine.endYProperty().unbind();
    currentLine.setEndX(e.getX());
    currentLine.setEndY(e.getY());
    currentLine = null;
}

需要更改为

private void endLine(MouseEvent e) {
    currentLine.endXProperty().unbind();
    currentLine.endYProperty().unbind();
    currentLine = null;
}

此外，如果状态数量有限，我建议使用枚举，因为这样可以在编译时检查拼写错误。为此目的使用字符串可能会意外地添加错误，例如，如果您意外地使用“DRAWLINE”而不是“DRAWLINE”，这可能很难发现。此外，可以使用比较枚举常数。

private enum States {
    DRAWLINE
}