JavaFX中如何让拖放图像始终保持在杆子上？

java

2024-03-14 09:59:22

解决 JavaFX 拖放中幽灵图像跟随问题：保持图像始终在杆子上

问题概述

在 JavaFX 应用程序中，使用 Abakus 拖拽控件拖动图像时，拖动的小球会脱离杆子，导致用户体验不佳。本文深入探讨问题根源，提供解决方案，并讨论保持拖放图像在特定 Y 轴位置的可能性。

问题分析

问题出在 makeImageDragNDrop 方法中，该方法仅设置了拖放视图在光标上的偏移量，而不是图像本身在窗口中的位置。

解决方案

将幽灵图像包装在 Label 中，以便控制其位置。
记录鼠标按下时的幽灵图像 Y 轴位置（杆子的位置）。
在拖拽过程中，根据鼠标当前位置更新幽灵图像的 Y 轴位置，使其始终与杆子对齐。

代码示例

private Label ghostLabel;
private double yValue;

protected void makeImageDragNDrop(ImageView imageView) {
    imageView.setOnDragDetected(event -> {
        ghostLabel = new Label("", new ImageView(ghostImage));
        dragboard.setDragView(ghostLabel);
        ...
    });

    imageView.setOnMousePressed(event -> {
        yValue = ghostLabel.getTranslateY();
    });

    imageView.setOnDragOver(event -> {
        ghostLabel.setTranslateY(event.getY() - yValue);
    });

    imageView.setOnDragDone(event -> {
        if (event.getTransferMode() == null) {
            ghostLabel.setTranslateY(yValue);
        }
    });
}