Question

我正在开发一个需要在窗格上移动节点的应用。

我刚刚开始学习javaFx 8，所以我对工作流程一无所知，但是当我设法使用可拖动的节点代码时，它使用了node.setTranslateX（）和.setTranslateY（）。 / p>

这很好，直到我尝试使节点捕捉到一个网格，该网格在10个高度和宽度细分中划分场景区域。

每当我尝试使用模数进行某种捕捉时，我都会坚持我称之为翻译转换的事实。我想自己直接设置节点的坐标。我尝试过node.relocate（x，y）无济于事。至于node.setX（）或node.setY（）。这些似乎没什么用。

基本上，我有两个问题：

有没有办法直接设置节点的坐标？如果是，怎么样？
使用鼠标拖动节点时，将节点捕捉到网格的正确方法是什么？

我当前的代码使用这些方法来拖动节点：

public class Boat extends ImageView {
    private int size ;
    private String name ;
    private Double dragDeltaX, dragDeltaY;

    //Constructor etc here//

    this.setOnMousePressed(event -> {
        this.setCursor(Cursor.CLOSED_HAND);
        dragDeltaX = this.getLayoutX() + event.getX();
        dragDeltaY = this.getLayoutY() + event.getY();
    });

    this.setOnMouseReleased(event -> {
        this.setCursor(Cursor.OPEN_HAND);
        this.relocate(event.getSceneX(), event.getSceneY());
    });

    this.setOnMouseDragged(event -> {
        this.setTranslateX(event.getSceneX() - dragDeltaX);
        this.setTranslateY(event.getSceneY() - dragDeltaY);
    });

    this.setOnMouseEntered(event -> {
        this.setCursor(Cursor.OPEN_HAND);
    });
}

提前感谢您的帮助，

Answer 1

在大多数Pane子类中，如果Node为managed，则该节点的父窗格将管理其layoutX和layoutY属性。因此，为这些节点设置layoutX和layoutY对节点的位置没有明显影响。

转换（包括由translateX和translateY定义的转换）在布局计算后应用于节点（节点是否由其父节点管理）。

因此管理拖动的一种方法就是操纵translateX和translateY属性。另一种方法是操纵layoutX和layoutY属性（通过直接设置它们或通过调用relocate），并确保该节点不由其父节点管理。我不建议混合使用这两种技术，因为您的代码将更难以遵循。

您可以在节点上使节点不受管理setManaged(false)，或者将其放在Pane而不是其中一个子类中（Pane不管理其子节点的布局）

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.image.WritableImage;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class ImageViewDragExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        Image image = createImage();
        DraggableImageView imageView = new DraggableImageView(image);

        // if the node is placed in a parent that manages its child nodes,
        // you must call setManaged(false);

//      imageView.setManaged(false);
//      StackPane root = new StackPane(imageView);

        // or use a plain `Pane`, which does not manage its child nodes:
        Pane root = new Pane(imageView);

        Scene scene = new Scene(root, 400, 400);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private Image createImage() {
        WritableImage image = new WritableImage(50, 50);
        for (int y = 0 ; y < 50; y++) {
            for (int x = 0 ; x < 50 ; x++) {
                Color c ;
                if ((x > 20 && x < 30) || (y > 20 && y < 30)) {
                    c = Color.AZURE ;
                } else {
                    c = Color.CORNFLOWERBLUE ;
                }
                image.getPixelWriter().setColor(x, y, c);
            }
        }
        return image ;
    }

    public static class DraggableImageView extends ImageView {
        private double mouseX ;
        private double mouseY ;
        public DraggableImageView(Image image) {
            super(image);

            setOnMousePressed(event -> {
                mouseX = event.getSceneX() ;
                mouseY = event.getSceneY() ;
            });

            setOnMouseDragged(event -> {
               double deltaX = event.getSceneX() - mouseX ;
               double deltaY = event.getSceneY() - mouseY ;
               relocate(getLayoutX() + deltaX, getLayoutY() + deltaY);
               mouseX = event.getSceneX() ;
               mouseY = event.getSceneY() ;
            });
        }
    }

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

移动JavaFx8节点的正确方法

1 个答案: