Cordova(PhoneGap)基于android平台的二维码处理
来源:互联网 发布:像素设计软件 编辑:程序博客网 时间:2024/05/29 08:28
最近公司要求用cordova插件处理二维码(基于android平台),查阅了各种资料,简单实现了效果,现将其记录下来,方便以后有个引导。
至于cordova的安装需要借助于npm包管理工具,可自行Google
第一步:cmd进入命令行
第二步:进入项目目录,依次执行下面语句(前提在cordova环境配置好之后)
- cordova create MyBarcode com.example.cordova MyCode (其中MyBarCode是你新建项目的名称,MyCode是你App名字)
- cd MyBarcode
- cordova platform add android
- cordova plugin add cordova-plugin-barcodescanner(有些博客写的是cordova plugin add https://github.com/wildabeast/BarcodeScanner.git)
第三步:导入工程,其中有很多坑,直接导入并不能运行,正确的导入方法是打开D:\MyBarcode\platforms\android的build.gradle文件(本人用的是Android Studio)。
第四步:进入assets/www/index.html文件,注释掉原有代码并添加以下代码
<html><head> <script type="text/javascript" src="cordova.js"></script> <script type="text/javascript"> function scannerCode(){ //扫码的js接口代码 cordova.plugins.barcodeScanner.scan( function (result) { document.getElementById("test").innerHTML = "结果: " + result.text; }, function (error) { alert("扫描失败: " + error); }); } //生成二维码的js接口代码 function encodeCode(){ cordova.plugins.barcodeScanner.encode( "TEXT_TYPE", //编码的类型 文本型、email、sms、手机号 "http://www.baidu.com", //url function(success) { //实现功能逻辑 alert("encode success: " + success); //生成之后会默认作为图片显示出来 }, function(fail) { alert("encoding failed: " + fail); }); } </script></head><body><center> <button style="margin-top:80px; width=100px; height:40px" onclick="scannerCode()">扫描二维码</button> <button style=" width=100px; height:40px" onclick="encodeCode()">生成二维码</button> <div style="margin-top:50px" id="test">扫描结果</div></center></body></html>
好了,大功告成,貌似可以扫描了,但你会发现他是横屏的,好像达不到预期效果,不用急,慢慢看下面操作。
下载 zxing_4.1.8.jar (http://download.csdn.net/detail/cmh1748218486/9792791)这个jar包,替换掉之前D:\MyBarcode\platforms\android\libs目录下的com.google.zxing.client.android.captureactivity.jar文件,刷新即可,
在运行怎么感觉是骗人的,图像都扭曲了,因为还差一步,我们需要在AndroidMainifest.xml文件中把android:screenOrientation="landscape"改为android:screenOrientation="portrait"。在运行,嗯非常完美。。。
特别声明:zxing_4.1.8.jar借助于别人的改版,并非原创。
- Cordova(PhoneGap)基于android平台的二维码处理
- Cordova/phoneGap的Android平台添加Admob
- android 和 phonegap(Cordova)交互使用Zxing二维码扫描
- Cordova / PhoneGap开发入门,基于HTML、CSS和JavaScript的Android移动开发框架
- Cordova(PhoneGap)体系结构(Android)
- Cordova(PhoneGap)体系结构(Android)
- Cordova(PhoneGap)体系结构(Android)
- cordova/phonegap 多平台开发
- 关于phonegap(cordova)跨平台app应用的环境配置
- 基于第一个PhoneGap(cordova)的应用详解
- 基于第一个PhoneGap(cordova)的应用详解
- 基于第一个PhoneGap(cordova)的应用详解
- android:Cordova Android, hello Cordova ,PhoneGap android
- 基于PhoneGap的iOS平台入门教程
- 基于PhoneGap的iOS平台入门教程
- phoneGap(Cordova)Android项目搭建
- PhoneGap和Cordova的区别
- cordova与phonegap的应用
- AOP动态代理--基本原理
- org.thymeleaf.dialect.AbstractDialect: method <init>()V not found
- 3. web前端开发分享-css,js提高篇
- 动态规划
- Hadoop学习笔记之——Hadoop构造模块
- Cordova(PhoneGap)基于android平台的二维码处理
- pyhton numpy常用方法汇总
- Hadoop Hive基础sql语法
- JS-笔记
- 多线程高并发内存池队列模型
- 浅谈 C++ 中的 new/delete 和 new[]/delete[]
- unity之刚体组件Rigidbody
- 解决GAT项目Bug:车装车饰费用管理中的装饰费统计(车辆)统计数据不对
- 4. web前端开发分享-css,js工具篇