我希望将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)上找到此插件的源代码,更具体地说(基于我的眼睛看不懂的代码!)在MSScannerController.m(https://github.com/Moodstocks/moodstocks-phonegap-plugin/blob/master/ios/MSScannerController.m)的第74-80行中找到。

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

任何指针或方向将非常有帮助!

最佳答案

对于第一个问题,答案是肯定的-是。

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

  • 知道您可以通过插件检索Webview,从而从MainViewController分离Webview。在MoodstocksPlugin.m, lines 99-100中,展示我们如何传递插件的引用:
  • 将webview附加到当前的view controller,这是我们的扫描仪控制器。 MSScannerController.m, Line 46显示了我们如何接管Webview:

  • 我希望这可以带给您关于如何修改原始PhoneGap BarcodeScanner插件的一些想法,只是出于好奇,为什么不直接使用MoodstocksPlugin? ;)

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

    10-08 17:12