如何在PhoneGap/Cordova中将本机自定义视图添加到HTML页面？

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

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

是否有任何方法可以访问Cordova Webview中当前HTML页面的元素

我的要求是将我的定制相机视图添加到HTML页面中，并尽可能使用任何尺寸

更新答案：

我终于想出了办法

首先，您需要将视图（如button）添加到Cordova WebView中。 Cordova网络视图负责滚动

webview.addView(button);

如果设备方向已更改，则需要更改大小。 但在Cordova中，您不能在java中接收事件，因此需要在JavaScript中侦听事件

window.addEventListener("orientationchange", onMapResize);

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

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

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

---

你想在cordova中实现包含手机图像的多媒体资料吗？不是专门的多媒体资料，但任何用本机开发的自定义视图（在我的例子中是Android）都必须附加/显示在HTML中。有趣的帖子，如果理解正确，你已经将java元素注入页面了吗？因此，您可以通过js控制页面，但这些元素是通过本机代码呈现的？是的。WebView是java元素，因此可以在浏览器视图中添加子元素（如button）。目前，我改变了这个方法。将java元素放在webview下。好东西！也可以在摄像机屏幕上进行测试吗？是的，我以前私下测试过。你介意分享这种测试的代码吗？你知道ios也是这样吗？