java JavaFX WebView:忽略setPickOnBounds?
我试图让两个透明的网络视图一个接一个地显示出来
它们显示正常,但是,只能单击顶部的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) {}
}
}
}
}
# 1 楼答案
我还没有找到一个优雅的解决方案,但这是可行的
首先,前端}接收到的鼠标事件需要转发到
WebView
{webViewBack
:这将使点击、拖动等在两个帧上都起作用
至于使用正确的光标,这有点棘手。只显示前面
WebView
的光标。因此,必须允许我们的后WebView修改前光标:现在的问题是
webViewFront
如果发生鼠标事件并且webViewFront
中的该位置没有超链接,那么webViewFront
会不断将其光标重置为默认值。因此,我们防止这种重置:这三个变化一起允许两个重叠的WebView,超链接对这两个视图都起作用