cordova - 如何将 native 自定义 View 添加到 PhoneGap/Cordova 中的 HTML 页面？

Question

我正在开发一个 Android PhoneGap 应用程序，我需要将我的自定义相机/画廊 View 添加到 HTML 页面 - 例如我的 HTML 页面中的一些空 DIV，其 ID，我已经有了。如何实现？

我知道如何编写插件和基本的 HTML 内容。

有什么办法，我可以在 Cordova Webview 中访问当前 HTML 页面的元素吗？

我的要求是将我自定义的相机 View 添加到 HTML 页面中，我可以使用任何尺寸。

Answer 1

更新答案:

我终于想出了如何做到这一点。

首先，您需要将您的 View (例如按钮)添加到 Cordova WebView 中。
Cordova WebView 负责滚动。

webview.addView(button);

https://github.com/wf9a5m75/phonegap-googlemaps-plugin/blob/master/src/android/plugin/google/maps/GoogleMaps.java#L373

如果设备方向发生变化，则需要更改大小。
但是在 Cordova 中，你不能在 java 中接收不到事件，所以你需要在 JavaScript 中监听事件。

window.addEventListener("orientationchange", onMapResize);

https://github.com/wf9a5m75/phonegap-googlemaps-plugin/blob/master/www/googlemaps-cdv-plugin.js#L1381

这是关键点。
将 HTML 中的位置更改为 View 中的点，
你可以这样做

Math.round(d * webView.getScale());

https://github.com/wf9a5m75/phonegap-googlemaps-plugin/blob/master/src/android/plugin/google/maps/GoogleMaps.java#L383

这是我的插件。我将 Google Maps Android API v2 嵌入到指定的 div 标签中。