对话框导致拖动完成事件不传播

时间:2017-10-18 16:45:23

标签: gluon-mobile

我在拖放操作期间使用弹出对话框。当丢弃发生时,弹出一个对话框,当它被解除时,事件链应该继续并允许在拖动操作结束时发生某些事情。如果弹出对话框是FX,则没有问题,但如果是Gluon,则不会发生拖动操作。

以下是示例代码:

import javafx.scene.control.Alert.AlertType;
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.Background;
import javafx.scene.layout.BackgroundFill;
import javafx.scene.layout.HBox;
import javafx.scene.paint.Color;

import com.gluonhq.charm.glisten.mvc.View;

public class MainView extends View {

    HBox root;

    public MainView(String name) {
        super(name);

        Label source = new Label("Source");
        configureDragSource(source);
        Label target = new Label("Target");
        configureDragTarget(target);
        Label popupTarget = new Label("Popup Target");
        configureDragPopupTarget(popupTarget);
        root = new HBox(40, source, target, popupTarget);
        setCenter(root);
    }

    private void configureDragSource(Label source) {
        source.setOnDragDetected(e -> {
            root.setBackground(new Background(new BackgroundFill(Color.RED, null, null)));
            Dragboard db = source.startDragAndDrop(TransferMode.ANY);
            ClipboardContent content = new ClipboardContent();
            content.put(DataFormat.PLAIN_TEXT, source.getText());
            db.setContent(content);
        });
        source.setOnDragDone(e -> root.setBackground(new Background(new BackgroundFill(null, null, null))));
    }

    private void configureDragTarget(Label target) {
        target.setOnDragOver(e -> e.acceptTransferModes(TransferMode.ANY));

    }

    private void configureDragPopupTarget(Label popupTarget) {
        popupTarget.setOnDragOver(e -> e.acceptTransferModes(TransferMode.ANY));
        popupTarget.setOnDragDropped(e -> {
            javafx.scene.control.Alert popup1 = new javafx.scene.control.Alert(AlertType.INFORMATION);
            com.gluonhq.charm.glisten.control.Alert popup2 = new com.gluonhq.charm.glisten.control.Alert(AlertType.INFORMATION);
            popup1.showAndWait();
        });
    }
}

应拖动源,背景变为红色。完成拖动操作后,背景应返回默认值。常规放下目标什么也不做,颜色变化也有效。但是当弹出目标时,对话框会出现,当它关闭时,颜色只会改变FX对话框,而不会改变胶子对话框。将popup1.showAndWait();更改为popup2

如果重要,这是应用程序类

import com.gluonhq.charm.glisten.application.MobileApplication;

public class TestApplication extends MobileApplication {

    @Override
    public void init() {
        addViewFactory(HOME_VIEW, () -> new MainView(HOME_VIEW));
    }

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

这是gradle构建文件:

buildscript {
    repositories {
        jcenter()
    }
    dependencies {
        classpath 'org.javafxports:jfxmobile-plugin:1.3.5'
    }
}

apply plugin: 'org.javafxports.jfxmobile'
apply plugin: 'eclipse'

jar {
    manifest {
        attributes 'Main-Class': 'com.test.TestApplication'
    }
}

jfxmobile {
    downConfig {
        version = '3.3.0'
        plugins 'display', 'lifecycle', 'statusbar', 'storage'
    }
    android {
        compileSdkVersion = 19
//      manifest = 'src/android/AndroidManifest.xml'
    }
    ios {
        infoPList = file('src/ios/Default-Info.plist')
        forceLinkClasses = [
                'com.gluonhq.**.*',
                'javax.annotations.**.*',
                'javax.inject.**.*',
                'javax.json.**.*',
                'org.glassfish.json.**.*'
        ]
    }
}

eclipse {
    classpath {
        downloadJavadoc = true
        downloadSources = true
    }
}

repositories {
    jcenter()
    maven {
        url 'http://nexus.gluonhq.com/nexus/content/repositories/releases'
    }
}

mainClassName = 'com.test.TestApplication'

dependencies {
    compile 'com.gluonhq:charm:4.3.5'
}

task wrapper(type: Wrapper) {
    gradleVersion = '4.2'
}

也发生在compile 'com.gluonhq:charm:4.3.7'和4.4.0。

在Java 8 b141上运行。为什么会这样?这是一个错误吗?

1 个答案:

答案 0 :(得分:1)

JavaFX内置对话框和Gluon Dialogs不一样。实际上,后者从Layer延伸出来,同时像前者一样是模态和阻挡。

在Mac上运行已发布的代码,我在删除popupTarget后获得NPE,可以使用以下方法轻松解决:

Platform.runLater(() -> popup2.showAndWait());

此外,鉴于对话框使用了拖动事件,可能的解决方案可能是:

Platform.runLater(() -> 
    popup2.showAndWait()
        .ifPresent(r -> 
            root.setBackground(new Background(new BackgroundFill(null, null, null)))));

因此,您可以重构setOnDragDone方法,并创建一个可以在关闭对话框后调用的方法。

修改

这些是dnd事件开​​始后目标和源接收的拖动事件:

目标通过拖放手势接收这些事件:

 DRAG_OVER
 DRAG_OVER
 ... // until drop is done:
 // show Dialog
 ...
 // hide Dialog
 DRAG_DROPPED
 DRAG_EXITED
 DRAG_EXITED_TARGET

那些与JavaFX和Gluon对话框完全相同的工作(至少在Windows上。在Mac上因为NPE,使用Platform.runLater()显然会延迟show Dialog和隐藏Dialog事件,但是现在只关注Windows )。

在最后一次事件发生后,来源收到:

DRAG_DONE

但仅限于JavaFX对话框。

经过一些调试后,Gluon对话框中止拖拽事件的原因可以解释如下:

Scene类有一个DnDGesture私有类:

/**
 * A Drag and Drop gesture has a lifespan that lasts from mouse
 * PRESSED event to mouse RELEASED event.
 */
class DnDGesture {
   ...
}

正如评论中所解释的那样,它具有从鼠标按下事件到鼠标释放事件的寿命。

使用JavaFX内置对话框,它会在新舞台中显示,因此会显示一个新场景。这里的关键是这个对话框(以及所有鼠标事件集)显示在一个新的模态阶段,所以一旦对话框被隐藏,主要阶段再次获得焦点并恢复,正确完成dnd手势,因为鼠标是释放。

但是使用Gluon的对话框,没有第二阶段。一切都发生在同一个阶段,一旦释放鼠标,Scene.DnDGesture变为空,所以当目标中发生DRAG_EXITED_TARGET事件时,正确的调用完成了dnd过程,但是此点dndGesture为空,并且该调用不再到达源。

我不认为这是一个错误,但更像是权衡,因为有很多理由可以避免移动环境中的第二阶段/场景并保持视图/层(在一个单一阶段)设计。