Android Cordova：使 WebView HTML 元素透明以查看原生元素

Posted 2023-05-06

【中文标题】Android Cordova：使 WebView HTML 元素透明以查看原生元素

【英文标题】：Android Cordova: make WebView HTML element transparent to see native element

【发布时间】：2018-12-20 23:43:31

【问题描述】：

我在 Cordova WebView 中有用户界面，我想把它放在本机视图之上。 我知道有 .setAlpha() 方法，但这会隐藏我的整个 WebView。我只想隐藏 WebView 的背景，这样用户就可以看到本机 android 应用程序（带播放器）而不是后台。 你能说一下，这怎么可能？

这两件事也只是让整个 webview 变得透明：

webView.getView().setBackgroundColor(Color.TRANSPARENT);
webView.getView().setLayerType(View.LAYER_TYPE_SOFTWARE, null);

这是所需想法的图片： Android app with Cordova WebView

【参考方案1】：

mWebView.setBackgroundColor(Color.TRANSPARENT);

这必须被称为 AFTER webview 已经加载了 url（webview 有一个事件） 参考：Android WebView style background-color:transparent ignored on android 2.2