[size=large] 今天开发了一个二维码扫描功能,下面把开发步骤写一下,方便学习查看[/size]
[b][size=large] 1、开发环境[/size][/b]
xcode4.6
phoneGap2.3.0(环境搭建如果不会可以参考上一篇文章)
[b][size=large] 2、开发步骤[/size][/b]
1、修改配置文件config.xml:在该文件中加入下面红色区域代码
[img]http://dl2.iteye.com/upload/attachment/0086/1291/ae70b075-4db0-3359-82e8-c1b1a2bae58b.jpg[/img]
2、在www文件夹下面加入插件js:加入barcodescanner.js
3、在plugin中加入下面文件
CDVBarcodeScanner.mm
zxing-all-in-one.cpp
scannerOverlay.xib
zxing-all-in-one.h
4、引入下图中的framework
[img]http://dl2.iteye.com/upload/attachment/0086/1293/b8e78b20-3eb2-3268-b643-65a2389dfaf1.jpg[/img]
5、在index中中引入刚加入的barcodescanner.js,加入如下代码
[size=large][color=green][b]本次同样上传了需要用到的文件以及完整的项目例子,方便不会的朋友有个参考[/b][/color][/size]
[b][size=large] 1、开发环境[/size][/b]
xcode4.6
phoneGap2.3.0(环境搭建如果不会可以参考上一篇文章)
[b][size=large] 2、开发步骤[/size][/b]
1、修改配置文件config.xml:在该文件中加入下面红色区域代码
<plugin name="org.apache.cordova.barcodeScanner" value="CDVBarcodeScanner" />
[img]http://dl2.iteye.com/upload/attachment/0086/1291/ae70b075-4db0-3359-82e8-c1b1a2bae58b.jpg[/img]
2、在www文件夹下面加入插件js:加入barcodescanner.js
3、在plugin中加入下面文件
CDVBarcodeScanner.mm
zxing-all-in-one.cpp
scannerOverlay.xib
zxing-all-in-one.h
4、引入下图中的framework
[img]http://dl2.iteye.com/upload/attachment/0086/1293/b8e78b20-3eb2-3268-b643-65a2389dfaf1.jpg[/img]
5、在index中中引入刚加入的barcodescanner.js,加入如下代码
//扫描函数,可以绑定给指定button
function clickScan() {
window.plugins.barcodeScanner.scan (scannerSuccess, scannerFailure);
}
//扫描成功调用函数
function scannerSuccess(result) {
console.log("scannerSuccess: result: " + result)
resultSpan.innerText = "success: " + JSON.stringify(result)
}
//扫描失败调用函数
function scannerFailure(message) {
console.log("scannerFailure: message: " + message)
resultSpan.innerText = "failure: " + JSON.stringify(message)
}
[size=large][color=green][b]本次同样上传了需要用到的文件以及完整的项目例子,方便不会的朋友有个参考[/b][/color][/size]