透明png图像的JavaFX拖动视图

Question

我试图拖动对象表示为PNG图像透明背景从AnchorPane到HBox。

我使用以下线条将图像设置为拖动视图：

        SliderItemHandler mh = (SliderItemHandler) event.getSource();
        Dragboard db = mh.startDragAndDrop(TransferMode.COPY);
        db.setDragView(mh.getModule().getImage());
        ClipboardContent content = new ClipboardContent();
        db.setContent(content);

对于不透明的背景图像，这一切都很好，但对于透明的图像，图像的背景是白色的，不透明度为“0.8”。

我尝试为节点拍摄快照：

        db.setDragView(mh.snapshot(new SnapshotParameters(), null));

但它不起作用，白色背景仍然存在。有没有其他方法可以让它像原始图像一样透明？

Answer 1

您必须将快照参数更改为transpartent fill：

SnapshotParameters sp = new SnapshotParameters();
sp.setFill(Color.TRANSPARENT);
db.setDragView(mh.snapshot(sp, null));

结果将是透明的，没有白色边框。

Answer 2

考虑到不透明度，我不确定你是如何获得白色背景的。然而，我重新创建了你的用例，并将向你展示我是如何实现的。

下面的图像是一个场景，分为左边的AnchorPane和右边的HBox。小透明圆圈是要复制的源代码，旁边的大圆圈是一个删除的图像，最右边的圆圈是当前正在拖动的圆圈。（截图不包括光标。）

正如你所看到的，在这三种场景中没有一种是白色（或几乎是白色）背景。这只是图像本身，图像本身在拖动时更加透明。

为了实现这一点，我们将考虑两个变量：源ImageView和目标HBox。

@FXML
private HBox destination;
@FXML
private ImageView image;

我们希望图像被拖动，因此我们在ImageView上添加了一个DRAG_DETECTED事件。

image.addEventHandler(MouseEvent.DRAG_DETECTED, mouseEvent -> {
    Dragboard db = image.startDragAndDrop(TransferMode.COPY);
    ClipboardContent content = new ClipboardContent();
    content.putImage(image.getImage());
    db.setContent(content);
    mouseEvent.consume();
});

然后我们希望目的地HBox接受拖动的ImageView。

destination.addEventHandler(DragEvent.DRAG_OVER, (DragEvent event) -> {
    if (event.getDragboard().hasImage()) {
        event.acceptTransferModes(TransferMode.COPY_OR_MOVE);
    }
    event.consume();
});

当然，我们希望在实际放置时将ImageView放入HBox。在这种情况下，它只是将其副本放在HBox中，但这当然是可以实现的。

destination.addEventHandler(DragEvent.DRAG_DROPPED, (DragEvent event) -> {
    Dragboard db = event.getDragboard();
    destination.getChildren().add(new ImageView(db.getImage()));
    event.setDropCompleted(true);
    event.consume();
});

这就是拖放图像的全部内容。透明图像没有白色背景。然而，如果你能够创建一个MCVE，如果它仍然保持不变的话，可能更容易调查你的问题。