2013-04-16 66 views
1

我正在尋找將PhoneGap的BarcodeScanner插件與我的應用程序集成在一起,但希望將它與現有的HTML/JS(在WebView內)集成得比目前允許的更緊密。在PhoneGap上顯示應用程序BarcodeScanner

理想情況下,我希望看到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

您是否曾使用PhoneGap BarcodeScanner插件獲得此工作?我很想看到源代碼! – Jason

+0

我沒有得到它與「官方」掃描器插件工作,但我能夠使用Moodstocks之一(免費,因爲我只是使用掃描部分,而不是服務器端查找API等),它的工作非常好。 – Stuart

回答

3

對於第一個問題,答案是肯定的 - 是的。

對於第二個問題,我們(我的Moodstocks工作)所做的是:

  • MainViewController卸下web視圖,知道你可以通過插件檢索網頁流量。在MoodstocksPlugin.m, lines 99-100顯示我們如何通過插件的參考:

  • 將webview附加到當前視圖控制器,這是我們的掃描儀控制器。 MSScannerController.m, Line 46顯示了我們如何接管的WebView:

我希望這可以給你有關如何修改原來的PhoneGap BarcodeScanner插件,只是出於好奇的一些想法,爲什麼不直接使用MoodstocksPlugin? ;)

p.s這裏是一個video顯示我們的插件製作的Sencha Touch demo動畫。

+0

非常感謝您的回答!很高興聽到有人這樣做!關於直接使用MoodstocksPlugin,這將是理想的,但我的印象是,我將不得不使用您的'查找服務'以及?也許我誤解了事情,所以你的澄清將不勝感激! :) – Stuart

+0

您可以使用Moodstocks SDK進行條碼掃描,而無需使用我們的圖像識別功能。它由一個可以輕鬆修改的掃描選項變量控制。要開始,您只需在[我們的開發人員平臺](https://developers.moodstocks.com/)上註冊,即可獲得一對API密鑰和祕密。然後,您將收到應用程序掃描統計信息的每週報告! :) –

+0

感謝錢,我昨天給了它一個bash,並得到了它與我的iOS應用程序很好地集成(很快就會試用Android)。是否有必須調用的JS函數的文檔?我找不到任何地方,所以只是根據示例代碼做出了最好的猜測。此外,將所有整合指令拆分爲多個Repos的自述文件有點令人困惑並且很難找到 - 如果他們都在您的幫助中心(可能他們是,我只是沒有看到他們?)會更好。否則,非常感謝你的工作! :) – Stuart

相關問題