VBox 的拖放功能

Posted

技术标签:

【中文标题】VBox 的拖放功能【英文标题】:Drag and drop functionality with VBox 【发布时间】:2019-11-19 11:35:25 【问题描述】:

我正在尝试为我的 JavaFX 项目添加拖放功能。它有点工作,但不是真的同时

VBox questions = new VBox();
questions.getChildren().add(createQustionType("long answer"));
questions.setStyle("-fx-border-color: blue;");
root.setCenter(questions);
questions.setOnDragOver(event ->

    event.acceptTransferModes(TransferMode.MOVE);
);
questions.setOnDragDropped(event ->

    event.setDropCompleted(true);
    questions.getChildren().add(createQustionType("long answer"));
    event.consume();
);

questions.setOnDragDone(event -> );
VBox sidePanel = new VBox();
root.setLeft(sidePanel);
//other unnecessary code removed for question

String[] types = new String[]"multiple choice", "long answer", "short answer";
for (String type : types)

    Button btn = new Button(type);
    btn.setOnDragDetected(event ->
    
        currBtn = (Button) event.getSource();
        event.consume();
    );
    sidePanel.getChildren().add(btn);

createQuestionType 方法返回一个边框并接受一个字符串参数

这是我到目前为止所拥有的,我不知道我哪里出错了,因为当我从我的桌面或文档等拖动文件时它似乎可以工作,而我不希望它这样做。我想使用我添加到侧面板的按钮,因为这是它的用途。

另外,我一直试图在拖动时更改光标,但也失败了。如果有人能告诉我我做错了什么,那就太好了。

【问题讨论】:

"寻求调试帮助的问题(“为什么这段代码不起作用?”)必须包括所需的行为、特定问题或错误以及在问题本身中重现它所需的最短代码。没有明确的问题陈述对其他读者没有用处。请参阅:minimal reproducible example"。此外,“它有点工作,但不是同时”不是一个很好的问题陈述。 我已经给出了在这种情况下使用按钮拖放 VBox 的含义。我说过它只有在我将文件从 Windows 拖到放置区域时才有效 请使用发布的链接。如果需要澄清,请在此处发布您的问题。 对不起,我不明白你的意思 【参考方案1】:

对于那些不太理解我的问题的人,我深表歉意。下次我会尝试更好地表达我的问题。无论如何,我已经设法解决了我的问题。我意识到我必须使用DragBoard 和ClipboardContent 这是我想出的最终代码

VBox questions = new VBox();
root.setCenter(questions);
questions.setOnDragOver(event ->

    if (event.getGestureSource() == currBtn && event.getDragboard().hasString())
    
        event.acceptTransferModes(TransferMode.MOVE);
    
    event.consume();
);
questions.setOnDragDropped(event ->

    Dragboard db = event.getDragboard();
    boolean success = false;
    if (db.hasString())
    
        questions.getChildren().add(createQustionType(db.getString()));
        success = true;
    
    event.setDropCompleted(success);
    event.consume();
);

questions.setOnDragDone(event ->

    System.out.println("Add clean up code");
    if (event.getTransferMode() == TransferMode.MOVE)
    
        System.out.println("Drag Done");
    
    event.consume();
);

VBox sidePanel = new VBox();
root.setLeft(sidePanel);
sidePanel.setMinWidth(100);
//sidePanel.setStyle("-fx-background-color: red");
sidePanel.setStyle("-fx-border-color: red; -fx-min-width: 100px;");
sidePanel.setSpacing(10);

String[] types = new String[]"multiple choice", "long answer", "short answer";
for (String type : types)

    Button btn = new Button(type);
    btn.getStyleClass().add("qBtn");
    btn.setStyle("-fx-border-color: black;");
    btn.setOnDragDetected(event ->
    
        currBtn = (Button) event.getSource();
        System.out.println("Dragging node");
        Dragboard db = btn.startDragAndDrop(TransferMode.ANY);
        ClipboardContent content = new ClipboardContent();
        content.putString(btn.getText());
        db.setContent(content);

        event.consume();
    );
    sidePanel.getChildren().add(btn);

【讨论】:

以上是关于VBox 的拖放功能的主要内容,如果未能解决你的问题,请参考以下文章

iOS 中的拖放功能

表单中的拖放功能仍处于禁用状态

bat文件中的拖放功能

具有子/父功能的拖放列表

Shiny 表格中的拖放功能

今天想用jquery来实现div的拖放功能