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

huangapple
go评论130阅读模式
英文:

JavaFX WebView: how do I change the default cursor?

问题

  1. import javafx.application.Application;
  2. import javafx.scene.Cursor;
  3. import javafx.scene.Scene;
  4. import javafx.scene.layout.VBox;
  5. import javafx.scene.web.WebView;
  6. import javafx.stage.Stage;
  8. public class Main extends Application {
  9.     public static void main(String[] args) {
  10.         launch(args);
  11.     }
  13.     public void start(Stage primaryStage) {
  14.         primaryStage.setTitle("JavaFX WebView Example");
  16.         WebView webView = new WebView();
  17.         webView.getEngine().loadContent("http://google.com");
  19.         VBox vBox = new VBox(webView);
  20.         Scene scene = new Scene(vBox, 960, 600);
  22.         scene.setCursor(Cursor.CLOSED_HAND); // Doesn't work, reverted to pointer
  23.         primaryStage.setScene(scene);
  24.         primaryStage.show();
  25.     }
  26. }
英文:

How do I change WebView's default cursor? Every change I make is ignored, the icon always reverts back to the default pointer.

Example:

  1. import javafx.application.Application;
  2. import javafx.scene.Cursor;
  3. import javafx.scene.Scene;
  4. import javafx.scene.layout.VBox;
  5. import javafx.scene.web.WebView;
  6. import javafx.stage.Stage;
  8. public class Main extends Application {
  9.     public static void main(String[] args) {
  10.         launch(args);
  11.     }
  13.     public void start(Stage primaryStage) {
  14.         primaryStage.setTitle("JavaFX WebView Example");
  16.         WebView webView = new WebView();
  17.         webView.getEngine().loadContent("http://google.com");
  19.         VBox vBox = new VBox(webView);
  20.         Scene scene = new Scene(vBox, 960, 600);
  22.         scene.setCursor(Cursor.CLOSED_HAND); // Doesn't work, reverted to pointer
  23.         primaryStage.setScene(scene);
  24.         primaryStage.show();
  25.     }
  26. }

I also tried to change the webView cursor itself, but to no avail.

答案1

得分: 4

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

  1. import org.w3c.dom.Document;
  2. import org.w3c.dom.Element;
  4. import javafx.application.Application;
  5. import javafx.concurrent.Worker;
  6. import javafx.scene.Scene;
  7. import javafx.scene.layout.VBox;
  8. import javafx.scene.web.WebView;
  9. import javafx.stage.Stage;
  11. public class WebViewCursorOverride extends Application {
  12.     public static void main(String[] args) {
  13.         launch(args);
  14.     }
  15.     public void start(Stage primaryStage) {
  16.         primaryStage.setTitle("JavaFX WebView Example");
  18.         WebView webView = new WebView();
  19.         webView.getEngine().getLoadWorker().stateProperty().addListener(
  20.             (o, old, state) -> {
  21.                 if (state != Worker.State.SUCCEEDED) {
  22.                     return;
  23.                 }
  25.                 Document doc = webView.getEngine().getDocument();
  26.                 Element body = (Element)
  27.                     doc.getElementsByTagName("body").item(0);
  28.                 String style = body.getAttribute("style");
  29.                 body.setAttribute("style", "cursor: grab;" + style);
  30.             });
  31.         webView.getEngine().load("https://google.com");
  33.         VBox vBox = new VBox(webView);
  34.         Scene scene = new Scene(vBox, 960, 600);
  36.         primaryStage.setScene(scene);
  37.         primaryStage.show();
  38.     }
  39. }

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

  1. body.setAttribute("style",
  2.     "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 属性定义在这里。以下是当前预定义光标的完整列表；请注意，并非所有光标在每个系统上都受支持：

  • auto
  • default
  • none
  • context-menu
  • help
  • pointer
  • progress
  • wait
  • cell
  • crosshair
  • text
  • vertical-text
  • alias
  • copy
  • move
  • no-drop
  • not-allowed
  • grab
  • grabbing
  • e-resize
  • n-resize
  • ne-resize
  • nw-resize
  • s-resize
  • se-resize
  • sw-resize
  • w-resize
  • ew-resize
  • ns-resize
  • nesw-resize
  • nwse-resize
  • col-resize
  • row-resize
  • all-scroll
  • zoom-in
  • zoom-out
英文:

The document’s HTML content defines the cursor, so you can modify the document’s body style after it loads:

  1. import org.w3c.dom.Document;
  2. import org.w3c.dom.Element;
  4. import javafx.application.Application;
  5. import javafx.concurrent.Worker;
  6. import javafx.scene.Scene;
  7. import javafx.scene.layout.VBox;
  8. import javafx.scene.web.WebView;
  9. import javafx.stage.Stage;
  11. public class WebViewCursorOverride extends Application {
  12.     public static void main(String[] args) {
  13.         launch(args);
  14.     }
  15.     public void start(Stage primaryStage) {
  16.         primaryStage.setTitle("JavaFX WebView Example");
  18.         WebView webView = new WebView();
  19.         webView.getEngine().getLoadWorker().stateProperty().addListener(
  20.             (o, old, state) -> {
  21.                 if (state != Worker.State.SUCCEEDED) {
  22.                     return;
  23.                 }
  25.                 Document doc = webView.getEngine().getDocument();
  26.                 Element body = (Element)
  27.                     doc.getElementsByTagName("body").item(0);
  28.                 String style = body.getAttribute("style");
  29.                 body.setAttribute("style", "cursor: grab;" + style);
  30.             });
  31.         webView.getEngine().load("https://google.com");
  33.         VBox vBox = new VBox(webView);
  34.         Scene scene = new Scene(vBox, 960, 600);
  36.         primaryStage.setScene(scene);
  37.         primaryStage.show();
  38.     }
  39. }

You can also create your own cursor from an image:

  1. body.setAttribute("style",
  2.     "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);

The full definition of the cursor CSS property is here. Here is the current list of predefined cursors; note that not all of them are supported on every system:

  • auto
  • default
  • none
  • context-menu
  • help
  • pointer
  • progress
  • wait
  • cell
  • crosshair
  • text
  • vertical-text
  • alias
  • copy
  • move
  • no-drop
  • not-allowed
  • grab
  • grabbing
  • e-resize
  • n-resize
  • ne-resize
  • nw-resize
  • s-resize
  • se-resize
  • sw-resize
  • w-resize
  • ew-resize
  • ns-resize
  • nesw-resize
  • nwse-resize
  • col-resize
  • row-resize
  • all-scroll
  • zoom-in
  • zoom-out

答案2

得分: 1

以下是您提供的代码翻译部分：

  1. @VGR的解决方案很优雅，但在我的机器上会引发闪烁问题。
  3. 一个更激进的解决方案是将`WebEngine`使用的`CursorManager`替换为其他内容。
  5. 例如，在Java10中，您可以基于默认的`CursorManagerImpl`创建这个`CursorManagerImpl2`类：
  7. ```java
  8. import com.sun.webkit.CursorManager;
  9. import com.sun.webkit.graphics.WCGraphicsManager;
  10. import com.sun.webkit.graphics.WCImage;
  12. import javafx.application.Application;
  13. import javafx.scene.Cursor;
  14. import javafx.scene.ImageCursor;
  15. import javafx.scene.Scene;
  16. import javafx.scene.image.Image;
  17. import javafx.scene.layout.VBox;
  18. import javafx.scene.web.WebView;
  19. import javafx.stage.Stage;
  20. import java.util.*;
  22. public class CursorManagerImpl2 extends CursorManager<javafx.scene.Cursor> {
  23.     // ... （略去部分代码）
  24. }

然后您可以使用以下方式替换管理器：

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

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

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

注意，您可能需要将com.sun包添加到您的Gradle依赖中：

  1. compileJava {
  2.     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'])
  3. }
  4. run {
  5.     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']
  6. }

通过这种方式，即使使用大型自定义光标，在移动鼠标时我不会遇到任何闪烁问题。

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

  2. <details>
  3. <summary>英文:</summary>
  5. The solution by @VGR is elegant, but induces flickering on my machine.
  7. A more drastic solution is replacing the `CursorManager` used by `WebEngine` by something else.
  9. For example, in Java10 you can create this `CursorManagerImpl2` class based on the default `CursorManagerImpl`:
  11. ```java
  12. import com.sun.webkit.CursorManager;
  13. import com.sun.webkit.graphics.WCGraphicsManager;
  14. import com.sun.webkit.graphics.WCImage;
  16. import javafx.application.Application;
  17. import javafx.scene.Cursor;
  18. import javafx.scene.ImageCursor;
  19. import javafx.scene.Scene;
  20. import javafx.scene.image.Image;
  21. import javafx.scene.layout.VBox;
  22. import javafx.scene.web.WebView;
  23. import javafx.stage.Stage;
  24. import java.util.*;
  26. public class CursorManagerImpl2 extends CursorManager&lt;javafx.scene.Cursor&gt; {
  27.     private final Map&lt;String, javafx.scene.Cursor&gt; map = new HashMap();
  28.     private ResourceBundle bundle;
  29.     private javafx.scene.Cursor defaultCursor = javafx.scene.Cursor.DEFAULT;
  31.     public CursorManagerImpl2() {}
  33.     public CursorManagerImpl2(javafx.scene.Cursor defaultCursor) {
  34.       this.defaultCursor = defaultCursor;
  35.     }
  37.     public javafx.scene.Cursor getDefaultCursor() {
  38.       return defaultCursor;
  39.     }
  41.     public void setDefaultCursor(javafx.scene.Cursor cursor) {
  42.       defaultCursor = cursor;
  43.     }
  45.     @Override
  46.     protected javafx.scene.Cursor getCustomCursor(WCImage image, int hotspotX, int hotspotY) {
  47.       return new ImageCursor(
  48.           com.sun.javafx.tk.Toolkit.getImageAccessor()
  49.               .fromPlatformImage(WCGraphicsManager.getGraphicsManager().toPlatformImage(image)),
  50.           hotspotX,
  51.           hotspotY);
  52.     }
  53.     @Override
  54.     protected javafx.scene.Cursor getPredefinedCursor(int type) {
  55.       switch (type) {
  56.         case 0:
  57.         default: return defaultCursor; // line changed
  58.         case 1: return javafx.scene.Cursor.CROSSHAIR;
  59.         case 2: return javafx.scene.Cursor.HAND;
  60.         case 3: return javafx.scene.Cursor.MOVE;
  61.         case 4: return javafx.scene.Cursor.TEXT;
  62.         case 5: return javafx.scene.Cursor.WAIT;
  63.         case 6: return this.getCustomCursor(&quot;help&quot;, javafx.scene.Cursor.DEFAULT);
  64.         case 7: return javafx.scene.Cursor.E_RESIZE;
  65.         case 8: return javafx.scene.Cursor.N_RESIZE;
  66.         case 9: return javafx.scene.Cursor.NE_RESIZE;
  67.         case 10: return javafx.scene.Cursor.NW_RESIZE;
  68.         case 11: return javafx.scene.Cursor.S_RESIZE;
  69.         case 12: return javafx.scene.Cursor.SE_RESIZE;
  70.         case 13: return javafx.scene.Cursor.SW_RESIZE;
  71.         case 14: return javafx.scene.Cursor.W_RESIZE;
  72.         case 15: return javafx.scene.Cursor.V_RESIZE;
  73.         case 16: return javafx.scene.Cursor.H_RESIZE;
  74.         case 17: return this.getCustomCursor(&quot;resize.nesw&quot;, javafx.scene.Cursor.DEFAULT);
  75.         case 18: return this.getCustomCursor(&quot;resize.nwse&quot;, javafx.scene.Cursor.DEFAULT);
  76.         case 19: return this.getCustomCursor(&quot;resize.column&quot;, javafx.scene.Cursor.H_RESIZE);
  77.         case 20: return this.getCustomCursor(&quot;resize.row&quot;, javafx.scene.Cursor.V_RESIZE);
  78.         case 21: return this.getCustomCursor(&quot;panning.middle&quot;, javafx.scene.Cursor.DEFAULT);
  79.         case 22: return this.getCustomCursor(&quot;panning.east&quot;, javafx.scene.Cursor.DEFAULT);
  80.         case 23: return this.getCustomCursor(&quot;panning.north&quot;, javafx.scene.Cursor.DEFAULT);
  81.         case 24: return this.getCustomCursor(&quot;panning.ne&quot;, javafx.scene.Cursor.DEFAULT);
  82.         case 25: return this.getCustomCursor(&quot;panning.nw&quot;, javafx.scene.Cursor.DEFAULT);
  83.         case 26: return this.getCustomCursor(&quot;panning.south&quot;, javafx.scene.Cursor.DEFAULT);
  84.         case 27: return this.getCustomCursor(&quot;panning.se&quot;, javafx.scene.Cursor.DEFAULT);
  85.         case 28: return this.getCustomCursor(&quot;panning.sw&quot;, javafx.scene.Cursor.DEFAULT);
  86.         case 29: return this.getCustomCursor(&quot;panning.west&quot;, javafx.scene.Cursor.DEFAULT);
  87.         case 30: return this.getCustomCursor(&quot;vertical.text&quot;, javafx.scene.Cursor.DEFAULT);
  88.         case 31: return this.getCustomCursor(&quot;cell&quot;, javafx.scene.Cursor.DEFAULT);
  89.         case 32: return this.getCustomCursor(&quot;context.menu&quot;, javafx.scene.Cursor.DEFAULT);
  90.         case 33: return this.getCustomCursor(&quot;no.drop&quot;, javafx.scene.Cursor.DEFAULT);
  91.         case 34: return this.getCustomCursor(&quot;not.allowed&quot;, javafx.scene.Cursor.DEFAULT);
  92.         case 35: return this.getCustomCursor(&quot;progress&quot;, javafx.scene.Cursor.WAIT);
  93.         case 36: return this.getCustomCursor(&quot;alias&quot;, javafx.scene.Cursor.DEFAULT);
  94.         case 37: return this.getCustomCursor(&quot;zoom.in&quot;, javafx.scene.Cursor.DEFAULT);
  95.         case 38: return this.getCustomCursor(&quot;zoom.out&quot;, javafx.scene.Cursor.DEFAULT);
  96.         case 39: return this.getCustomCursor(&quot;copy&quot;, javafx.scene.Cursor.DEFAULT);
  97.         case 40: return javafx.scene.Cursor.NONE;
  98.         case 41: return this.getCustomCursor(&quot;grab&quot;, javafx.scene.Cursor.OPEN_HAND);
  99.         case 42: return this.getCustomCursor(&quot;grabbing&quot;, javafx.scene.Cursor.CLOSED_HAND);
  100.       }
  101.     }
  103.     private javafx.scene.Cursor getCustomCursor(String cursorId, javafx.scene.Cursor defaultCursor) {
  104.       javafx.scene.Cursor customCursor = this.map.get(cursorId);
  105.       if (customCursor == null) {
  106.         try {
  107.           if (this.bundle == null) {
  108.             this.bundle =
  109.                 ResourceBundle.getBundle(&quot;com.sun.javafx.webkit.Cursors&quot;, Locale.getDefault());
  110.           }
  112.           if (this.bundle != null) {
  113.             String fileName = this.bundle.getString(cursorId + &quot;.file&quot;);
  114.             javafx.scene.image.Image image =
  115.                 new Image(com.sun.javafx.webkit.CursorManagerImpl.class.getResourceAsStream(fileName));
  116.             fileName = this.bundle.getString(cursorId + &quot;.hotspotX&quot;);
  117.             int hotspotX = Integer.parseInt(fileName);
  118.             fileName = this.bundle.getString(cursorId + &quot;.hotspotY&quot;);
  119.             int hotspotY = Integer.parseInt(fileName);
  120.             customCursor = new ImageCursor(image, hotspotX, hotspotY);
  121.           }
  122.         } catch (MissingResourceException e) {
  123.         }
  125.         if (customCursor == null) {
  126.           customCursor = defaultCursor;
  127.         }
  129.         this.map.put(cursorId, customCursor);
  130.       }
  132.       return customCursor;
  133.     }
  134. }

You can then replace the manager with

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

To change the default cursor, you can use

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

Note that you might have to add the com.sun packages to your gradle:

  1. compileJava {
  2.     options.compilerArgs.addAll([&#39;--add-exports=javafx.web/com.sun.webkit=ALL-UNNAMED&#39;, &#39;--add-exports=javafx.web/com.sun.javafx.webkit=ALL-UNNAMED&#39;, &#39;--add-exports=javafx.web/com.sun.webkit.graphics=ALL-UNNAMED&#39;, &#39;--add-exports=javafx.graphics/com.sun.javafx.tk=ALL-UNNAMED&#39;])
  3. }
  4. run {
  5.     jvmArgs = [&#39;--add-exports=javafx.web/com.sun.webkit=ALL-UNNAMED&#39;, &#39;--add-exports=javafx.web/com.sun.javafx.webkit=ALL-UNNAMED&#39;, &#39;--add-exports=javafx.web/com.sun.webkit.graphics=ALL-UNNAMED&#39;, &#39;--add-exports=javafx.graphics/com.sun.javafx.tk=ALL-UNNAMED&#39;]
  6. }

With this, I do not suffer from any flickering while moving the mouse, even when using large custom cursors.

The big downside (beside the com.sun imports) is that the CursorManager is static; as such, all WebViews will use the same cursor management.

huangapple
  • 本文由 发表于 2020年4月4日 07:24:47
  • 转载请务必保留本文链接：https://go.coder-hub.com/61021849.html
  • caret
  • java
  • javafx
  • webview
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定