我希望将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插件呢?
任何指针或方向都会非常有用!
答案 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动画。