phonegap使用BarcodeScanner开发二维码扫码安卓

 时间:2024-10-12 06:47:36

1、使用Cordova命令行新建一个android工程,具体参考笔者经验:http://jingya艘绒庳焰n.baidu.com/article/86fae346d09d093c49121a05.html

2、使用命令行进入创建好的Android工程目录

phonegap使用BarcodeScanner开发二维码扫码安卓

3、使用:cordova plugin add com.phonegap.plugins.barcodescanner命令,向工程中安装barcodescanner插件

phonegap使用BarcodeScanner开发二维码扫码安卓

4、安装完毕,使用:cordova build命令编译项目

phonegap使用BarcodeScanner开发二维码扫码安卓

5、编译成功之后,将工程导入到eclipse,参考:

phonegap使用BarcodeScanner开发二维码扫码安卓

6、从所创建的项目plugins目录找到com.phonegap.plugins.barcodescanner,将barcodescanner.js拷到工程www文件夹下,并在html页面中引入

phonegap使用BarcodeScanner开发二维码扫码安卓
phonegap使用BarcodeScanner开发二维码扫码安卓

7、在config.xml配置中添加<feature name="BarcodeScanner"><param name="android-package" value="com.phonegap.plugins.barcodescanner.BarcodeScanner" /></feature>对插件进行注册

phonegap使用BarcodeScanner开发二维码扫码安卓

8、对index.html进行一下变动增加<button id="btn" onclick="inputS艘早祓胂can();">扫码</button>function inputScan(){ cordova.plugins.barcodeScanner.scan( function (result) { alert("We got a barcode\n" + "Result: " + result.text + "\n" + "Format: " + result.format + "\n" + "Cancelled: " + result.cancelled); }, function (error) { alert("Scanning failed: " + error); } );}

9、做完上面的改动之后,使用cordova build 命令行编译工程,编译完成之后,连上安卓设备将应用安装在手机上测试(扫码需要调用摄像头,AVD无法模拟只能使用真实设备测试)

phonegap使用BarcodeScanner开发二维码扫码安卓
phonegap使用BarcodeScanner开发二维码扫码安卓

10、测试界面如下

phonegap使用BarcodeScanner开发二维码扫码安卓

11、扫码界面默认为横屏,读者可以根据需要改成竖屏,后期笔者将添加很竖屏改写方式

phonegap使用BarcodeScanner开发二维码扫码安卓

12、扫码成功,返回结果

phonegap使用BarcodeScanner开发二维码扫码安卓
  • win10怎么打开计算机管理
  • cs1.6怎么设置起始金钱数量
  • 在腾讯WeGame你怎么参加游戏测试与免费体验
  • 购买Dolby后耳机音效怎么配置
  • win10,怎么访问RemoteApp 和桌面连接?
  • 热门搜索
    节约用水的手抄报 关于科技节的手抄报 五一手抄报内容大全 平安校园手抄报图片 诚信教育手抄报 民族精神手抄报 关爱生命手抄报 文明旅游手抄报 爱眼手抄报 爱护校园环境手抄报