java JavaFX WebView：忽略setPickOnBounds？

3 周，5 日 Questions & Answers 49

我试图让两个透明的网络视图一个接一个地显示出来

它们显示正常，但是，只能单击顶部的WebView的超链接

我的理解是，通过设置setPickOnBounds(false)，点击顶部WebView的透明像素应该会进入底部WebView。然而，它似乎是这样工作的，顶部的WebView阻止了所有的点击

有没有一种方法可以让重叠的WebView和超链接同时工作

例如：

import java.lang.reflect.Field;
import javafx.application.Application;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.scene.Scene;
import javafx.scene.layout.StackPane;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
import javafx.stage.StageStyle;
import org.w3c.dom.Document;

public class DoubleWebViews extends Application {

    @Override
    public void start(Stage primaryStage) {
        new WebPage(primaryStage);
        primaryStage.show();
    }

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

    static class WebPage{
        WebView webViewBack = new WebView();
        WebView webViewFront = new WebView();
        public WebPage(Stage mainstage){
            setupWebView(webViewBack, "<a href='https://www.google.com'>URL 1</a> can't be clicked!");
            setupWebView(webViewFront, "<br><br><br><a href='https://www.google.com'>URL 2</a>");

            StackPane root = new StackPane(webViewBack, webViewFront);
            root.setPickOnBounds(false);
            Scene scene = new Scene(root);
            mainstage.setScene(scene);
            mainstage.initStyle(StageStyle.TRANSPARENT);
        }

        void setupWebView(WebView webView, String html){
            webView.setPickOnBounds(false); // doesn't work?
            WebEngine webEngine = webView.getEngine();
            webEngine.documentProperty().addListener(new DocListener(webEngine));
            webEngine.loadContent("<body style='background : rgba(0,0,0,0);font-size: 70px;text-align:center;'>" + html + "</body>");
        }

        static class DocListener implements ChangeListener<Document>{
            private final WebEngine webEngine;
            public DocListener(WebEngine webEngine) { this.webEngine = webEngine;}
            @Override
            public void changed(ObservableValue<? extends Document> observable, Document oldValue, Document newValue) {
                try {
                    // Use reflection to retrieve the WebEngine's private 'page' field.
                    Field f = this.webEngine.getClass().getDeclaredField("page");
                    f.setAccessible(true);
                    com.sun.webkit.WebPage page = (com.sun.webkit.WebPage) f.get(this.webEngine);
                    page.setBackgroundColor((new java.awt.Color(0, 0, 0, 0)).getRGB());
                } catch (Exception ignored) {}
            }
        }
    }
}

webViewFront.cursorProperty().addListener((obs, oldCursor, newCursor) -> { if (newCursor != null && "DEFAULT".equals(newCursor.toString())) { webViewFront.setCursor(webViewBack.getCursor()); } });

共 (1) 个答案

# 1 楼答案
我还没有找到一个优雅的解决方案，但这是可行的

首先，前端WebView{}接收到的鼠标事件需要转发到webViewBack：
```
webViewFront.addEventFilter(MouseEvent.ANY, event -> webViewBack.fireEvent(event));
```
这将使点击、拖动等在两个帧上都起作用

至于使用正确的光标，这有点棘手。只显示前面WebView的光标。因此，必须允许我们的后WebView修改前光标：
```
webViewBack.cursorProperty().addListener((obs, oldCursor, newCursor) -> webViewFront.setCursor(newCursor));
```
现在的问题是webViewFront如果发生鼠标事件并且webViewFront中的该位置没有超链接，那么webViewFront会不断将其光标重置为默认值。因此，我们防止这种重置：
```
webViewFront.cursorProperty().addListener((obs, oldCursor, newCursor) -> {
    if (newCursor != null && "DEFAULT".equals(newCursor.toString())) {
        webViewFront.setCursor(webViewBack.getCursor());
    }
});
```
这三个变化一起允许两个重叠的WebView，超链接对这两个视图都起作用

Python中文网

有 Java 编程相关的问题?

java JavaFX WebView：忽略setPickOnBounds？

共 (1) 个答案

# 1 楼答案