在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工作）所做的是：

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

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

我希望这可以给你几个关于如何修改原始PhoneGap BarcodeScanner插件的想法，只是出于好奇，为什么不直接使用MoodstocksPlugin？ ;）

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