ios - 在 PhoneGap BarcodeScanner 上显示应用程序

Question

我希望将 PhoneGap 的 BarcodeScanner 插件与我的应用程序集成，但希望将其与现有的 HTML/JS(WebView 内部)集成得比目前允许的更紧密。

理想情况下，我希望看到 BarcodeScanner 的“相机捕获” View 出现在 PhoneGap 的主 WebView 下方，这样我就可以将应用程序的控件分层(工具栏等)。

我遇到了来自 Moodstocks (http://www.moodstocks.com/2013/04/03/augmented-reality-with-phonegap-sencha-touch/) 的类似插件，它似乎通过为 WebView 提供透明背景并将其显示在相机 View 上方来做到这一点。这个插件的源代码可以在这里找到(https://github.com/Moodstocks/moodstocks-phonegap-plugin)，更具体地说(基于我用非常不了解的眼睛阅读代码!)在 MSScannerController.m 的第 74-80 行(https://github.com/Moodstocks/moodstocks-phonegap-plugin/blob/master/ios/MSScannerController.m)。

所以我的问题是，首先，这可以实现吗？其次，我该如何修改PhoneGap插件来做到这一点？

任何指示或方向都会非常有帮助!

Answer 1

对于第一个问题，答案是肯定的——是的。

对于第二个问题，我们(我为 Moodstocks 工作)所做的是:

从 MainViewController 中分离 web View ，知道您可以通过插件检索 webview。在 MoodstocksPlugin.m, lines 99-100显示我们如何传递插件的引用:

将 webview 附加到当前 View Controller ，这是我们的扫描仪 Controller 。 MSScannerController.m, Line 46展示了我们如何接管 WebView :

我希望这能给你一些关于如何修改原来的PhoneGap BarcodeScanner插件的想法，只是出于好奇，为什么不直接使用MoodstocksPlugin呢？ ;)

p.s 这是一个 video显示我们的 Sencha Touch demo 的动画用我们的插件制作。