setOnMouseDragged 不适用于浏览器视图

Question

我正在使用 JxBrowser 引擎在 java 中编写一个简单的应用程序，但我在一开始就卡住了。在我的代码中，有一个未修饰的 stage 我想让它可以拖动。为此，搜索并找到以下 link:

How to drag undecorated window

所以我在 stackPane 上设置了 mousePressed 和 MouseDragged 事件，但只有 mousePressed 事件被触发，而 mouseDragged 事件没有办法被触发。知道问题出在哪里吗？

提前致谢。

import com.teamdev.jxbrowser.chromium.Browser;
import com.teamdev.jxbrowser.chromium.javafx.BrowserView;

import javafx.application.Application;
import javafx.application.Platform;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
import javafx.stage.StageStyle;

private static double xOffset = 0;
private static double yOffset = 0;

public class Main extends Application {

    public static void main(String[] args) {

        launch(args);

    }

    @Override
    public void start(Stage primaryStage) {

        Platform.setImplicitExit(false);

        Browser browser = new Browser();

        BrowserView browserView = new BrowserView(browser);

        StackPane pane = new StackPane();

        pane.getChildren().add(browserView);

        Scene scene = new Scene(pane, 380, 500);

        primaryStage.initStyle(StageStyle.UNDECORATED);

        primaryStage.setScene(scene);

        pane.setOnMousePressed(new EventHandler<MouseEvent>() {

            @Override
            public void handle(MouseEvent event) {

                System.out.println("mouse pressed");

                xOffset = primaryStage.getX() - event.getScreenX();

                yOffset = primaryStage.getY() - event.getScreenY();

            }

        });

        pane.setOnMouseDragged(new EventHandler<MouseEvent>() {

            @Override
            public void handle(MouseEvent event) {

                System.out.println("mouse dragged");

                primaryStage.setX(event.getScreenX() + xOffset);

                primaryStage.setY(event.getScreenY() + yOffset);

            }

        });

        primaryStage.show();

    }

}

Answer 1

由于 jxbrowser 需要许可证，我无法对其进行测试...所以我将其替换为 Label 并且它工作正常..所以我的猜测是您试图通过单击浏览器本身而不是 StackPane 进行拖动..尝试点击舞台的一角，或者将堆栈窗格添加到 VBox 并为其设置填充..然后尝试点击角落..如果您点击浏览器，那么浏览器的鼠标事件将被触发..

证明：

正确代码

package RezRem;

import com.teamdev.jxbrowser.chromium.Browser;
import com.teamdev.jxbrowser.chromium.javafx.BrowserView;

import javafx.application.Application;
import javafx.application.Platform;
import javafx.event.EventHandler;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import javafx.stage.StageStyle;


public class Main extends Application {

private static double xOffset = 0;
private static double yOffset = 0;
public static void main(String[] args) {

    launch(args);

}

@Override
public void start(Stage primaryStage) {

    Platform.setImplicitExit(false);


    Browser browser = new Browser();

    BrowserView browserView = new BrowserView(browser);
    StackPane pane = new StackPane();

    pane.getChildren().add(browserView);
    pane.setPadding(new Insets(10,10,10,10));
    Scene scene = new Scene(pane, 380, 500);

    primaryStage.initStyle(StageStyle.UNDECORATED);

    primaryStage.setScene(scene);

    pane.setOnMousePressed(new EventHandler<MouseEvent>() {

        @Override
        public void handle(MouseEvent event) {

            System.out.println("mouse pressed");

            xOffset = primaryStage.getX() - event.getScreenX();

            yOffset = primaryStage.getY() - event.getScreenY();

        }

    });

    pane.setOnMouseDragged(new EventHandler<MouseEvent>() {

        @Override
        public void handle(MouseEvent event) {

            System.out.println("mouse dragged");

            primaryStage.setX(event.getScreenX() + xOffset);

            primaryStage.setY(event.getScreenY() + yOffset);

        }

    });
    browser.loadURL("http://www.google.com");
    primaryStage.show();

}

}

原因

jxbrowser 延伸到边缘，因此堆栈窗格不在顶部，两侧也不可见，因此鼠标侦听器永远不会通过设置堆栈窗格的填充来触发，所有四个边都有 10px 的间隙，如果点击，触发鼠标事件，从而解决问题..

Answer 2

我运行遇到了同样的问题。我最终通过在 BrowserView 上使用 setMouseEventsHandler 方法解决了这个问题，它似乎确实收到了你需要的所有事件（尽管它似乎没有收到 MouseEvent.MOUSE_DRAGGED 事件，除非它们被 reb运行被定义为 MouseEvent.MOUSE_MOVED 事件）。

Rectangle[] dragIncludeRects = ...; // The area which is draggable (ie the title bar)
Rectangle[] dragExcludeRects = ...; // Exclusions (ie a close button on the title bar)
BrowserView popupView = ...;
JDialog popupFrame = ...; // could also be JFrame
Point dragOffset = null;
popupView.setMouseEventsHandler(new InputEventsHandler<MouseEvent>() {
  public boolean handle(MouseEvent event) {
    switch(event.getID()) {
      case MouseEvent.MOUSE_PRESSED:
        if (
          dragIncludeRects.exists((rect) => rect.contains(event.getPoint())) &&
          !dragExcludeRects.exists((rect) => rect.contains(event.getPoint()))
        ) {
          dragOffset = SwingUtilities.convertPoint(
              popupView, event.getPoint(), popupFrame);
        } else {
          dragOffset = null;
        }
        break;
      case MouseEvent.MOUSE_RELEASED:
        dragOffset = null;
        break;
      case MouseEvent.MOUSE_MOVED:
        if (dragOffset != null) {
          // Note I tried using the position from the event but it doesn't work well
          val position = MouseInfo.getPointerInfo().getLocation();
          popupFrame.setLocation(position.x - offset.x, position.y - offset.y);
        }
    }
    return false;
  }
})

setOnMouseDragged 不适用于浏览器视图

setOnMouseDragged not working on browser view

java

javafx

drag

jxbrowser