Двигать картинки с помощью Drag-and-Drop на JavaFX

@maxpavlenko · Регистрация: 07.04.2023

Author24 — интернет-сервис помощи студентам

Здравствуйте,

в моем задание (настольная игра) мне надо перемещать фигуры с помощью Drag-and-Drop.
Я сначала решил научиться работать только с GUI для перемещения картинок. Но у мене не получаеться. Я могу перетаскивать картинки только на поля, где уже есть картинка, но не на поля, которые свободны.

Игровое поле представляет собой GridPane (8x8). Каждая ячейка имеет ImageView в качестве дочернего элемента.
ImageView могут содержать либо изображения (для фигур), либо null- значения, если на поле нет фигуры.

Сначала я разместил фигуры в верхнем и нижнем рядах.
Я хотел попробовать переместить фигуры из верхнего ряда (imgViewField[i][0]) в другие поля. Я понял, что мои фигуры можно поместить только на поля, где уже есть изображение (imgViewField [i][7]), но не на пустые поля (imgViewField [i][6]).

Кто может подсказать, что я делаю неправильно?

Я написал два метода для Drag&Drop, один для Source и один для Target.

Java

private void makeImageViewsDraggable(ImageView sourceNode){
    sourceNode.setOnDragDetected((MouseEvent event) -> {
 
Dragboard db = sourceNode.startDragAndDrop(TransferMode.ANY);
 
ClipboardContent content = new ClipboardContent();
content.putImage(sourceNode.getImage());
 
        db.setContent(content);
 
        event.consume();
    });
 
    sourceNode.setOnDragDone((DragEvent event) -> {
 
if (event.getTransferMode() == TransferMode.MOVE) {
 
sourceNode.setImage(null);
        }
        event.consume();
    });
 
}
 
private void setGestureTarget(ImageView targetNode){
 
    targetNode.setOnDragOver((DragEvent event) -> {
 
if (event.getGestureSource() != targetNode &&
                event.getDragboard().hasImage()) {
event.acceptTransferModes(TransferMode.COPY_OR_MOVE);
        }
 
        event.consume();
    });
 
    targetNode.setOnDragEntered((DragEvent event) -> {
 
if (event.getGestureSource() != targetNode && event.getDragboard().hasImage()) {
targetNode.setEffect(new DropShadow());
        }
    });
 
 
    targetNode.setOnDragExited((DragEvent event) -> {
 
 if (!event.isDropCompleted() &&
event.getGestureSource() != targetNode &&
                event.getDragboard().hasImage()) {
targetNode.setEffect(null);
        }
        event.consume();
    });
 
 
    targetNode.setOnDragDropped((DragEvent event) -> {
 
        Dragboard db = event.getDragboard();
boolean success = false;
 
 
 if (db.hasImage()) {
 targetNode.setImage(db.getImage());
success = true;
        }
        event.setDropCompleted(success);
        event.consume();
    });
 
}

Мой контроллер выглядит вот так:

Java

 @Override
    public void initialize(URL location, ResourceBundle resources) {
 
        initGrid(grdPane); //создает Grid (8x8)
        imgViewField = initImageViews(grdPane); //Создает ImageView-Array, который полностью соответствует гриду. 
 
 
        setImages(imgViewField); // добавляет картинки в массив imgViewField, я добавил картинки в верхний (imgViewField[i][0]) и //нижний ряд (imgViewField[i][7]).
 
        for (int i = 0; i < imgViewField.length; i++) {
            for (int j = 0; j < imgViewField[0].length; j++) {
 
              makeImageViewsDraggable(imgViewField[i][0]);
 
              setGestureTarget(imgViewField[i][7]);
 
              setGestureTarget(imgViewField[i][6]);
 
            }
        }
    }

В итоге, images перетаскиваються с верхнего в нижний ряд, в котором уде есть images. А в предпоследний ряд, где нет картинок они не перетаскиваються.
Помогите пожалуйста решить мою задачу.
Спасибо.

	07.06.2024, 13:00