javafx - 按下按钮时如何检测鼠标在节点上的移动？

Question

问题

您可以将事件监听器添加到检测鼠标在其上移动的节点。如果在您移动到节点上之前按下了鼠标按钮，这将不起作用。

问题

有谁知道如何在按下按钮时检测鼠标移动？到目前为止，我只通过使用 MOUSE_DRAGGED 找到了解决方案。事件，然后使用 getPickResult() 而不是使用 getSource() 并评估 PickResult数据。

这是包含 Uluk 解决方案的代码。新旧解决方案可通过 useNewVersion(Uluk 版本) bool 值切换:

import javafx.application.Application;
import javafx.event.EventHandler;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.input.MouseEvent;
import javafx.scene.input.PickResult;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.Pane;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class Main extends Application {

    boolean useNewVersion= true;

    int rows = 10;
    int columns = 20;
    double width = 1024;
    double height = 768;

    @Override
    public void start(Stage primaryStage) {
        try {
            BorderPane root = new BorderPane();

            // create grid
            Grid grid = new Grid( columns, rows, width, height);

            MouseGestures mg = new MouseGestures();

            // fill grid
            for (int row = 0; row < rows; row++) {
                for (int column = 0; column < columns; column++) {

                    Cell cell = new Cell(column, row);

                    mg.makePaintable(cell);

                    grid.add(cell, column, row);
                }
            }

            root.setCenter(grid);

            // create scene and stage
            Scene scene = new Scene(root, width, height);
            scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
            primaryStage.setScene(scene);
            primaryStage.show();



        } catch (Exception e) {
            e.printStackTrace();
        }
    }

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

    private class Grid extends Pane {

        int rows;
        int columns;

        double width;
        double height;

        Cell[][] cells;

        public Grid( int columns, int rows, double width, double height) {

            this.columns = columns;
            this.rows = rows;
            this.width = width;
            this.height = height;

            cells = new Cell[rows][columns];

        }

        /**
         * Add cell to array and to the UI.
         */
        public void add(Cell cell, int column, int row) {

            cells[row][column] = cell;

            double w = width / columns;
            double h = height / rows;
            double x = w * column;
            double y = h * row;

            cell.setLayoutX(x);
            cell.setLayoutY(y);
            cell.setPrefWidth(w);
            cell.setPrefHeight(h);

            getChildren().add(cell);

        }

    }

    private class Cell extends StackPane {

        int column;
        int row;

        public Cell(int column, int row) {

            this.column = column;
            this.row = row;

            getStyleClass().add("cell");

            Label label = new Label(this.toString());

            getChildren().add(label);
        }

        public void highlight() {
            getStyleClass().add("cell-highlight");
        }

        public void unhighlight() {
            getStyleClass().remove("cell-highlight");
        }

        public String toString() {
            return this.column + "/" + this.row;
        }
    }

    public class MouseGestures {

        public void makePaintable( Node node) {

            if( useNewVersion) {

                node.setOnMousePressed( onMousePressedEventHandler);
                node.setOnDragDetected( onDragDetectedEventHandler);
                node.setOnMouseDragEntered( onMouseDragEnteredEventHandler);

            } else {

                node.setOnMousePressed( onMousePressedEventHandler);
                node.setOnMouseDragged( onMouseDraggedEventHandler);
                node.setOnMouseReleased( onMouseReleasedEventHandler);

            }

        }

        /* old version */

        EventHandler<MouseEvent> onMousePressedEventHandler = event -> {

            Cell cell = (Cell) event.getSource();

            if( event.isPrimaryButtonDown()) {
                cell.highlight();
            } else if( event.isSecondaryButtonDown()) {
                cell.unhighlight();
            }
        };

        EventHandler<MouseEvent> onMouseDraggedEventHandler = event -> {

            PickResult pickResult = event.getPickResult();
            Node node = pickResult.getIntersectedNode();

            if( node instanceof Cell) {

                Cell cell = (Cell) node;

                if( event.isPrimaryButtonDown()) {
                    cell.highlight();
                } else if( event.isSecondaryButtonDown()) {
                    cell.unhighlight();
                }       

            }

        };

        EventHandler<MouseEvent> onMouseReleasedEventHandler = event -> {
        };

        EventHandler<MouseEvent> onDragDetectedEventHandler = event -> {

            Cell cell = (Cell) event.getSource();
            cell.startFullDrag();

        };

        EventHandler<MouseEvent> onMouseDragEnteredEventHandler = event -> {

            Cell cell = (Cell) event.getSource();

            if( event.isPrimaryButtonDown()) {
                cell.highlight();
            } else if( event.isSecondaryButtonDown()) {
                cell.unhighlight();
            }       

        };

    }

}

最后，您应该能够通过鼠标主按钮绘画并通过鼠标辅助按钮删除绘画:

Answer 1

处理初始 DRAG_DETECTED 的(源)节点事件应该调用 sourceNode.startFullDrag() ，那么目标节点将能够处理 MouseDragEvent 之一s，例如 MOUSE_DRAG_OVER或 MOUSE_DRAG_ENTERED事件与各自 targetNode.setOn<MouseDragEvent>()方法。