在PhoneGap BarcodeScanner上显示应用程序

时间:2013-04-16 00:17:29

标签: ios objective-c cordova phonegap-plugins cordova-2.0.0

我希望将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的第74-80行(https://github.com/Moodstocks/moodstocks-phonegap-plugin/blob/master/ios/MSScannerController.m

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

任何指针或方向都会非常有用!

1 个答案:

答案 0 :(得分:3)

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

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

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

  • 将webview附加到当前视图控制器,这是我们的扫描仪控制器。 MSScannerController.m, Line 46显示了我们如何浏览网页浏览:

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

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