JavaFX ImageView旋转更改拖放

Question

我有一个ImageView，可以用鼠标拖放，点击按钮旋转90度。这两件事在独立完成时都可以工作（因此可以旋转或移动ImageView，而不是两者都可以）。当我旋转ImageView并尝试移动它时，它似乎是随机移动的。

我使用以下方法旋转图像视图：

imageView.setRotate(90);

这导致了我所说的看似随机的运动。

我还尝试使用以下方法旋转ImageView：

imageView.getTransforms().add(new Rotate(rotation, position + (width / 2), position + (height / 2));

位置是图像在屏幕上的位置。宽度和高度是ImageView的宽度和高度。

这在很大程度上起到了作用（ImageView不再以意外的方式移动），但是现在可以将其移动并放置在其父窗格（javafx.scene.layout.Pane）的边界之外。

ImageView保持在界限内的方式是：

imageView.setOnMouseDragged(new EventHandler<MouseEvent>(){
            public void handle(MouseEvent e) {
                if(!e.isPrimaryButtonDown()) return;

                ImageView iv = (ImageView) e.getSource();

                if(e.getX() > iv.getParent().getTranslateX()) iv.setX(e.getX());
                if(e.getY() > iv.getParent().getTranslateY()) iv.setY(e.getY());
            }
        });

此的父级是前面所述的窗格。在旋转ImageView之前，此操作效果良好。

我不知道该从这里走到哪里，所以我非常感谢您的帮助。谢谢

编辑到原始问题：

使用第二种旋转方法：

imageView.getTransforms().add(new Rotate(rotation, position + (width / 2), position + (height / 2));

这种方法的工作原理与x和y的翻译改变我旋转ImageView的事实不同。例如，如果我在旋转90度的图像上向右移动鼠标，那么鼠标拖动事件中e.getX（）的位置不会改变，但e.getY（）减小。这表明e.getX（）和e.getY（）的方式取决于ImageView的旋转。

有没有办法在不影响ImageView的x和y坐标的情况下旋转？

Answer 1

值e.getX（）和e.getY（）在图像视图的坐标系中；旋转后，该坐标系仍然是图像视图的局部坐标系。因此，您将图像视图的x坐标设置为旋转后与y坐标有更多关系的东西（以某种非平凡的方式）。

您应该通过计算鼠标相对于固定物体的移动量来计算拖动：例如场景。

以下是一个可用的SSCCE（双击可旋转）：

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 ImageTransformTest extends Application {

    @Override
    public void start(Stage primaryStage) {
        ImageView arrow = new ImageView(createImage());
        Pane pane = new Pane(arrow);
        pane.setMinSize(600,  600);

        new Dragger(arrow) ;
        arrow.setOnMouseClicked(e -> {
            if (e.getClickCount() == 2) {
                arrow.setRotate(arrow.getRotate() + 90);
            }
        });

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

    private static class Dragger {
        private double x ;
        private double y ;
        Dragger(ImageView imageView) {
            imageView.setOnMousePressed(e -> {
                x = e.getSceneX();
                y = e.getSceneY();
            });
            imageView.setOnMouseDragged(e -> {
                double deltaX = e.getSceneX() - x ;
                double deltaY = e.getSceneY() - y ;
                imageView.setX(imageView.getX() + deltaX);
                imageView.setY(imageView.getY() + deltaY);
                x = e.getSceneX() ;
                y = e.getSceneY() ;
            });
        }
    }

    private Image createImage() {
        WritableImage image = new WritableImage(100, 100);
        for (int y = 0 ; y < 40 ; y++) {
            for (int x = 0 ; x < 50 - 50 * y / 40 ; x++) {
                image.getPixelWriter().setColor(x, y, Color.TRANSPARENT);
            }
            for (int x = 50 - 50 * y / 40 ; x < 50 + 50 * y / 40 ; x ++) {
                image.getPixelWriter().setColor(x, y, Color.BLUE);
            }
            for (int x = 50 + 50 * y ; x < 100 ; x++) {
                image.getPixelWriter().setColor(x, y, Color.TRANSPARENT);
            }
        }
        for (int y = 40 ; y < 100 ; y++) {
            for (int x = 0 ; x < 100 ; x++) {
                image.getPixelWriter().setColor(x, y, x < 30 || x > 70 ? Color.TRANSPARENT : Color.BLUE);
            }
        }

        return image ;
    }

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