鼠标图标旁边带有自定义节点的JavaFX拖放

Question

在拖放过程中显示鼠标图标旁边节点的半透明“副本”的最佳方法是什么？

基本上，我有彩色背景和文本标签的HBox，我想给出的外观，他们“粘”到鼠标光标时，他们被拖动。

如果用户能够直观地验证他们正在拖动什么，而不是仅仅看到鼠标光标变成各种拖动图标，那就很好了。当你拖动一些组件（如RadioButton）时，Scene Builder倾向于这样做。

Answer 1

“节点”的“半透明”复制是通过在节点上调用快照（null,null)来完成的，它返回writableimage。然后将此WritableImage设置为Dragboard的拖动视图。下面是一个关于如何做到这一点的小示例：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.input.ClipboardContent;
import javafx.scene.input.DataFormat;
import javafx.scene.input.Dragboard;
import javafx.scene.input.TransferMode;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class DragAndDrop extends Application {
    private static final DataFormat DRAGGABLE_HBOX_TYPE = new DataFormat("draggable-hbox");

    @Override
    public void start(Stage stage) {
        VBox content = new VBox(5);

        for (int i = 0; i < 10; i++) {
            Label label = new Label("Test drag");

            DraggableHBox box = new DraggableHBox();
            box.getChildren().add(label);

            content.getChildren().add(box);
        }

        stage.setScene(new Scene(content));
        stage.show();
    }

    class DraggableHBox extends HBox {
        public DraggableHBox() {
            this.setOnDragDetected(e -> {
                Dragboard db = this.startDragAndDrop(TransferMode.MOVE);

                // This is where the magic happens, you take a snapshot of the HBox.
                db.setDragView(this.snapshot(null, null));

                // The DragView wont be displayed unless we set the content of the dragboard as well. 
                // Here you probably want to do more meaningful stuff than adding an empty String to the content.
                ClipboardContent content = new ClipboardContent();
                content.put(DRAGGABLE_HBOX_TYPE, "");
                db.setContent(content);

                e.consume();
            });
        }
    }

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