JavaFX WebView：如何更改默认光标？

Question

如何更改 WebView 的默认光标？我所做的每一次更改都被忽略，图标总是恢复为默认指针。

示例：

import javafx.application.Application;
import javafx.scene.Cursor;
import javafx.scene.Scene;
import javafx.scene.layout.VBox;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

public class Main extends Application {
    public static void main(String[] args) {
        launch(args);
    }

    public void start(Stage primaryStage) {
        primaryStage.setTitle("JavaFX WebView Example");

        WebView webView = new WebView();
        webView.getEngine().loadContent("http://google.com");

        VBox vBox = new VBox(webView);
        Scene scene = new Scene(vBox, 960, 600);

        scene.setCursor(Cursor.CLOSED_HAND); // Doesn't work, reverted to pointer
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

我也尝试更改 webView 游标本身，但无济于事。

Answer 1

文档的 HTML 内容定义了光标，因此您可以在加载后修改文档的正文样式：

import org.w3c.dom.Document;
import org.w3c.dom.Element;

import javafx.application.Application;
import javafx.concurrent.Worker;
import javafx.scene.Scene;
import javafx.scene.layout.VBox;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

public class WebViewCursorOverride extends Application {
    public static void main(String[] args) {
        launch(args);
    }
    public void start(Stage primaryStage) {
        primaryStage.setTitle("JavaFX WebView Example");

        WebView webView = new WebView();
        webView.getEngine().getLoadWorker().stateProperty().addListener(
            (o, old, state) -> {
                if (state != Worker.State.SUCCEEDED) {
                    return;
                }

                Document doc = webView.getEngine().getDocument();
                Element body = (Element)
                    doc.getElementsByTagName("body").item(0);
                String style = body.getAttribute("style");
                body.setAttribute("style", "cursor: grab;" + style);
            });
        webView.getEngine().load("https://google.com");

        VBox vBox = new VBox(webView);
        Scene scene = new Scene(vBox, 960, 600);

        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

您还可以从图像创建自己的光标：

body.setAttribute("style",
    "cursor: url('https://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Pixel_51_icon_cursor_click_top_right.svg/36px-Pixel_51_icon_cursor_click_top_right.svg.png') 27 9, default;" + style);

cursor CSS 属性的完整定义是 here。这是当前的预定义游标列表；请注意，并非所有系统都支持所有这些：

自动
默认
none
上下文菜单
帮助
指针
进度
等待
细胞
十字线
文字
竖排文字
别名
复制
移动
不掉落
不允许
抢
抢
e-resize
n-调整大小
调整大小
nw-resize
s-resize
重新调整大小
sw-resize
w-调整大小
重新调整大小
ns-resize
新调整大小
nwse-resize
col-resize
行调整
全滚动
放大
缩小

Answer 2

@VGR 的解决方案很优雅，但会在我的机器上引起闪烁。

一个更激进的解决方案是用其他东西替换 WebEngine 使用的 CursorManager。

例如，在Java10中你可以根据默认的CursorManagerImpl创建这个CursorManagerImpl2class：

import com.sun.webkit.CursorManager;
import com.sun.webkit.graphics.WCGraphicsManager;
import com.sun.webkit.graphics.WCImage;

import javafx.application.Application;
import javafx.scene.Cursor;
import javafx.scene.ImageCursor;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.layout.VBox;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
import java.util.*;

public class CursorManagerImpl2 extends CursorManager<javafx.scene.Cursor> {
    private final Map<String, javafx.scene.Cursor> map = new HashMap();
    private ResourceBundle bundle;
    private javafx.scene.Cursor defaultCursor = javafx.scene.Cursor.DEFAULT;

    public CursorManagerImpl2() {}

    public CursorManagerImpl2(javafx.scene.Cursor defaultCursor) {
      this.defaultCursor = defaultCursor;
    }

    public javafx.scene.Cursor getDefaultCursor() {
      return defaultCursor;
    }

    public void setDefaultCursor(javafx.scene.Cursor cursor) {
      defaultCursor = cursor;
    }

    @Override
    protected javafx.scene.Cursor getCustomCursor(WCImage image, int hotspotX, int hotspotY) {
      return new ImageCursor(
          com.sun.javafx.tk.Toolkit.getImageAccessor()
              .fromPlatformImage(WCGraphicsManager.getGraphicsManager().toPlatformImage(image)),
          hotspotX,
          hotspotY);
    }
    @Override
    protected javafx.scene.Cursor getPredefinedCursor(int type) {
      switch (type) {
        case 0:
        default: return defaultCursor; // line changed
        case 1: return javafx.scene.Cursor.CROSSHAIR;
        case 2: return javafx.scene.Cursor.HAND;
        case 3: return javafx.scene.Cursor.MOVE;
        case 4: return javafx.scene.Cursor.TEXT;
        case 5: return javafx.scene.Cursor.WAIT;
        case 6: return this.getCustomCursor("help", javafx.scene.Cursor.DEFAULT);
        case 7: return javafx.scene.Cursor.E_RESIZE;
        case 8: return javafx.scene.Cursor.N_RESIZE;
        case 9: return javafx.scene.Cursor.NE_RESIZE;
        case 10: return javafx.scene.Cursor.NW_RESIZE;
        case 11: return javafx.scene.Cursor.S_RESIZE;
        case 12: return javafx.scene.Cursor.SE_RESIZE;
        case 13: return javafx.scene.Cursor.SW_RESIZE;
        case 14: return javafx.scene.Cursor.W_RESIZE;
        case 15: return javafx.scene.Cursor.V_RESIZE;
        case 16: return javafx.scene.Cursor.H_RESIZE;
        case 17: return this.getCustomCursor("resize.nesw", javafx.scene.Cursor.DEFAULT);
        case 18: return this.getCustomCursor("resize.nwse", javafx.scene.Cursor.DEFAULT);
        case 19: return this.getCustomCursor("resize.column", javafx.scene.Cursor.H_RESIZE);
        case 20: return this.getCustomCursor("resize.row", javafx.scene.Cursor.V_RESIZE);
        case 21: return this.getCustomCursor("panning.middle", javafx.scene.Cursor.DEFAULT);
        case 22: return this.getCustomCursor("panning.east", javafx.scene.Cursor.DEFAULT);
        case 23: return this.getCustomCursor("panning.north", javafx.scene.Cursor.DEFAULT);
        case 24: return this.getCustomCursor("panning.ne", javafx.scene.Cursor.DEFAULT);
        case 25: return this.getCustomCursor("panning.nw", javafx.scene.Cursor.DEFAULT);
        case 26: return this.getCustomCursor("panning.south", javafx.scene.Cursor.DEFAULT);
        case 27: return this.getCustomCursor("panning.se", javafx.scene.Cursor.DEFAULT);
        case 28: return this.getCustomCursor("panning.sw", javafx.scene.Cursor.DEFAULT);
        case 29: return this.getCustomCursor("panning.west", javafx.scene.Cursor.DEFAULT);
        case 30: return this.getCustomCursor("vertical.text", javafx.scene.Cursor.DEFAULT);
        case 31: return this.getCustomCursor("cell", javafx.scene.Cursor.DEFAULT);
        case 32: return this.getCustomCursor("context.menu", javafx.scene.Cursor.DEFAULT);
        case 33: return this.getCustomCursor("no.drop", javafx.scene.Cursor.DEFAULT);
        case 34: return this.getCustomCursor("not.allowed", javafx.scene.Cursor.DEFAULT);
        case 35: return this.getCustomCursor("progress", javafx.scene.Cursor.WAIT);
        case 36: return this.getCustomCursor("alias", javafx.scene.Cursor.DEFAULT);
        case 37: return this.getCustomCursor("zoom.in", javafx.scene.Cursor.DEFAULT);
        case 38: return this.getCustomCursor("zoom.out", javafx.scene.Cursor.DEFAULT);
        case 39: return this.getCustomCursor("copy", javafx.scene.Cursor.DEFAULT);
        case 40: return javafx.scene.Cursor.NONE;
        case 41: return this.getCustomCursor("grab", javafx.scene.Cursor.OPEN_HAND);
        case 42: return this.getCustomCursor("grabbing", javafx.scene.Cursor.CLOSED_HAND);
      }
    }

    private javafx.scene.Cursor getCustomCursor(String cursorId, javafx.scene.Cursor defaultCursor) {
      javafx.scene.Cursor customCursor = this.map.get(cursorId);
      if (customCursor == null) {
        try {
          if (this.bundle == null) {
            this.bundle =
                ResourceBundle.getBundle("com.sun.javafx.webkit.Cursors", Locale.getDefault());
          }

          if (this.bundle != null) {
            String fileName = this.bundle.getString(cursorId + ".file");
            javafx.scene.image.Image image =
                new Image(com.sun.javafx.webkit.CursorManagerImpl.class.getResourceAsStream(fileName));
            fileName = this.bundle.getString(cursorId + ".hotspotX");
            int hotspotX = Integer.parseInt(fileName);
            fileName = this.bundle.getString(cursorId + ".hotspotY");
            int hotspotY = Integer.parseInt(fileName);
            customCursor = new ImageCursor(image, hotspotX, hotspotY);
          }
        } catch (MissingResourceException e) {
        }

        if (customCursor == null) {
          customCursor = defaultCursor;
        }

        this.map.put(cursorId, customCursor);
      }

      return customCursor;
    }
}

然后您可以将经理替换为

CursorManager.setCursorManager(new CursorManagerImpl2(javafx.scene.Cursor.CROSSHAIR));

要更改默认光标，您可以使用

((CursorManagerImpl2) CursorManager.getCursorManager()).setDefaultCursor(javafx.scene.Cursor.MOVE);

请注意，您可能需要将 com.sun 软件包添加到您的 gradle:

compileJava {
    options.compilerArgs.addAll(['--add-exports=javafx.web/com.sun.webkit=ALL-UNNAMED', '--add-exports=javafx.web/com.sun.javafx.webkit=ALL-UNNAMED', '--add-exports=javafx.web/com.sun.webkit.graphics=ALL-UNNAMED', '--add-exports=javafx.graphics/com.sun.javafx.tk=ALL-UNNAMED'])
}
run {
    jvmArgs = ['--add-exports=javafx.web/com.sun.webkit=ALL-UNNAMED', '--add-exports=javafx.web/com.sun.javafx.webkit=ALL-UNNAMED', '--add-exports=javafx.web/com.sun.webkit.graphics=ALL-UNNAMED', '--add-exports=javafx.graphics/com.sun.javafx.tk=ALL-UNNAMED']
}

有了这个，我在移动鼠标时不会出现任何闪烁，即使在使用大型自定义光标时也是如此。

最大的缺点（除了 com.sun 导入之外）是 CursorManager 是静态的；因此，所有 WebViews 将使用相同的游标管理。

JavaFX WebView：如何更改默认光标？

JavaFX WebView: how do I change the default cursor?

java

javafx

webview

caret