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

Question

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

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

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

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

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

Answer 1

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

对于第二个问题，我们（我为 Moodstocks 工作）所做的是：

• 从 中分离 webview MainViewController，知道您可以通过插件检索 webview。在MoodstocksPlugin.m 中，第 99-100 行显示了我们如何传递插件的引用：

• 将 webview 附加到当前视图控制器，这是我们的扫描仪控制器。MSScannerController.m，第 46 行显示了我们如何接管 web 视图：

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

ps 这是一个视频，展示了使用我们的插件制作的Sencha Touch 演示动画。