HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

HTML5中国 首页 教程视频 phonegap教程 查看内容

phonegap之二维码扫描(IOS)

2013-11-14 16:48| 发布者: HTML5| 查看: 6119| 评论: 1|原作者: 夜阑小雨|来自: 夜阑小雨

摘要: 今天主要看看如何在ios下面添加二维码扫描功能。首先需求下载 插件BarcodeScanner。https://github.com/phonegap/phonegap-plugins/tree/master/iOS/BarcodeScanner再这里大概讲了插件的用法。但是介绍的比较多而且 ...

今天主要看看如何在ios下面添加二维码扫描功能。

首先需求下载 插件BarcodeScanner

https://github.com/phonegap/phonegap-plugins/tree/master/iOS/BarcodeScanner

 

再这里大概讲了插件的用法。

但是介绍的比较多而且很杂乱。

这里我大概讲一下。

如何添加BarcodeScanner插件。

 

  1. 拷贝 .h, .cpp and .mm  scannerOverlay.xib 文件 到 Plugins文件夹下面.
  2. 把barcodescanner.js文件放到你的www包里面,引入barcodescanner.js到你的html页面。
  3. 在你的config.xml 配置文件里面添加插件英语
    • key: org.apache.cordova.barcodeScanner
    • value: CDVBarcodeScanner
  4. 为你的项目引入库文件。
    • AVFoundation.framework
    • AssetsLibrary.framework
    • CoreVideo.framework
    • libiconv.dylib
  5. 如何引入库文件呢?点击你的项目 target ,然后再Build Phases选项里面, 找到Link Binary ,再下面有个加号 点击后,在里面选择库文件就可以了。

通过这样的步骤就完成了插件的按照。

剩下的就是js的操作。

在你的html代码里面加入该方法:

window.plugins.barcodeScanner.scan(
    function(result) {
        if (result.cancelled)
            alert("the user cancelled the scan")
        else
            alert("we got a barcode: " + result.text)
    },
    function(error) {
        alert("scanning failed: " + error)
    }
)
执行该方法后就会打开摄像头,扫描二维码就能识别出二维码信息。

作者:夜阑小雨
原文链接:phonegap-二维码扫描-ios
夜阑小雨版权所有,转载本网站文章时请保留此信息。

1

鲜花

握手

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

发表评论

最新评论

引用 森林泰山 2013-12-24 15:19
有木有源码,学习一下,感激不尽

查看全部评论(1)

HTML5中国微信

小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

GMT+8, 2017-4-28 06:57

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部