在拖放过程中更改JavaFx ListView中的光标

时间:2016-12-05 20:31:11

标签: listview javafx drag-and-drop icons

我有一个listview,我可以通过拖放重新排列元素,它工作正常,但我想用我自己的自定义图标替换两个默认图标。我已尝试在ListCell本身或其父级上使用setCursor(Cursor.HAND)setCursor(new ImageCursor(image)),但在拖动过程中没有任何反映,只有在之后,这不是我想要的。有谁知道如何解决这个问题?

Edit1:此问题与如何创建可重新排序的列表视图无关。它是关于如何在拖放列表视图项期间更改默认光标。它不是
How to create a reorder-able TableView in JavaFx的副本,因为它在拖放过程中也有相同的默认光标图标。

Edit2:影响Windows和Linux操作系统:根据我的发现而不是Mac OS X.

screenshot drag-n-drop not allowed icon

screenshot drag-n-drop allowed icon

package sample;

import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Scene;
import javafx.scene.SnapshotParameters;
import javafx.scene.control.ListCell;
import javafx.scene.control.ListView;
import javafx.scene.image.WritableImage;
import javafx.scene.input.*;
import javafx.scene.layout.Pane;
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage stage) throws Exception{

        Pane pane = new Pane();
        ObservableList<String> items = FXCollections.observableArrayList("test1", "test2", "test3", "test4");
        ListView<String> lw = new ListView<>();
        lw.setCellFactory(param -> new MyListCell());
        lw.setItems(items);
        pane.getChildren().add(lw);
        stage.setTitle("RearrangeListView");
        stage.setScene(new Scene(pane, 300, 150));
        stage.show();
    }

    private class MyListCell extends ListCell<String> {

        public MyListCell() {

            setOnDragDetected(event -> {

                if (getItem() == null) {
                    return;
                }

                if (event.getButton() == MouseButton.PRIMARY) {
                    WritableImage image = snapshot(new SnapshotParameters(), null);
                    Dragboard dragboard = startDragAndDrop(TransferMode.MOVE);
                    ClipboardContent content = new ClipboardContent();
                    content.putString("abc");
                    dragboard.setDragView(image);
                    dragboard.setContent(content);
                    //setCursor(Cursor.HAND);
                    event.consume();
                }
            });

            setOnDragOver(event -> {
                if (event.getGestureSource() != this && event.getDragboard().hasString()) {
                    event.acceptTransferModes(TransferMode.MOVE);
                }
                event.consume();
            });

            setOnDragEntered(event -> {
                if (event.getGestureSource() != this && event.getDragboard().hasString()) {
                    setOpacity(0.3);
                }
            });

            setOnDragExited(event -> {
                if (event.getGestureSource() != this && event.getDragboard().hasString()) {
                    setOpacity(1);
                }
            });

            setOnDragDropped(event -> {
                if (getItem() == null) {
                    return;
                }

                Dragboard db = event.getDragboard();
                boolean success = false;

                if (db.hasString()) {

                    ObservableList<String> items = getListView().getItems();
                    String source = ((MyListCell) event.getGestureSource()).getItem();
                    String target = ((MyListCell) event.getGestureTarget()).getItem();

                    int sourceIdx = items.indexOf(source);
                    int targetIdx = items.indexOf(target);

                    //swap
                    items.set(sourceIdx, target);
                    items.set(targetIdx, source);

                    success = true;
                }

                event.setDropCompleted(success);
                event.consume();
            });

            setOnDragDone(DragEvent::consume);
        }

        @Override
        protected void updateItem(String item, boolean empty) {
            super.updateItem(item, empty);

            if (empty || item == null) {
                setText(null);
            } else {
                setText(item);
            }
        }
    }

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

1 个答案:

答案 0 :(得分:0)

好吧,我想现在明白我的误会。 JavaFX支持DragView和Cursor,它们同时显示它们。所以我认为你要问的是如何只显示DragView或同时显示DragView和自定义光标。

执行此操作的一种方法是将答案修改为:How to create a reorder-able TableView in JavaFx,并进行以下更改:

private ImageCursor dragCursor;
. . .
// inside start()
dragCursor = new ImageCursor(
    new Image(
        "https://cdn2.iconfinder.com/data/icons/web/512/Cursor-512.png", 
        32, 32, true, true
    )
);
// at the end of setOnDragDetected()
getScene().setCursor(dragCursor);
// change setOnDragDone() to:
setOnDragDone(event -> {
    event.consume();
    getScene().setCursor(Cursor.DEFAULT);
});

如果您不想要光标而不是自定义图像光标,那么您只需调用:

getScene().setCursor(Cursor.NONE);

我测试了OS X上的程序,它在那里对我有用,你的里程可能会有所不同。请注意,操作系统中的游标处理可能会有所不同(例如,在此答案中没有更改,在OS X上,拖动时,我没有使用您在Windows上看到的框获取光标,我只是得到一个默认值除了DragView图像之外的箭头光标)。

只要您在场景中拖动对象,上述更改就会起作用。如果你在舞台外面拖动,那么光标将恢复为默认光标(我没有修复它,因为JavaFX一旦超出场景就不允许控制光标)。