整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

Android 条形码、二维码扫一扫与生成二维码实现

Android 条形码、二维码扫一扫与生成二维码实现

开始之前先给各位上个运行效果图

二维码QRcode全称Quick Response Code

通过在一个矩形区域内使用黑白像素来进行编码

高纠错性、高可用性、高识别性

四周面有3个大的方框和一个小的方框,用于二维码的定位。通过识别这几个标识位来定位二维码,并对它进行解析。二维码的快速发展得益以智能手机的快速发展,常别用在数据分享和手机收款、付款

更多内容参考360百科http://baike.so.com/doc/6326261-6539869.html

比较有名的二维码第三方库ZXing (谷歌所开源的二维码扫描库,用于在Android、javaSE)

Zxing是谷歌开放源码的,用Java实现的多种格式的1d、2d条码图像处理,它包含联系到其他语言的端口

ZXing可以实现使用手机的内置的摄像头完成条形码扫描和解码

https://github.com/ThePacific/zxing-barcode

由于谷歌的ZXing开源库功能过于强大,而且比较难以快捷集成到我们的项目中,我在此提供一个ZXing经过处理的第三方开源库,放在360网盘供大伙下载希望对各位朋友会有所帮助

下载地址:https://yunpan.cn/cPaUIBZE3Npiy 访问密码 b316

生成二维码工具

网络可以生成二维码的网站很多如“草料二维码” http://cli.im/

360浏览器的地址栏也有自带二维码

Firefox浏览器的地址栏也有自带二维码

现在开始进入正题,ZXing第三方库引入到我们的工程

在android studio 中创建一个自己的新工程或在现有的项目中应用: czgLearnAndroidDemo

引入第三库的详细步骤我再“Android Studio 使用百度移动生态SDK(广告联盟)”博文中很详细的图文说明,如不熟悉可查看该博文。

第一步:需要引入

libzxing工程

选择菜单:File/new/import module

第二步:将libzxing工程引入到项目中

右键项目选择菜单open module settings

选择app/ dependencies/+加号/Module dependencies,把libzxing选择并添加进去

注意:引入后我们不需要手工添加CAMERA、VIBRATE的权限,因为我们引入的libzxing模块的AndroidManifest.xml中已经帮我们添加好需要的权限。

第三步:在工程中创建XZingMainActivity(Activity)

activity_zxing_main.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:paddingBottom="@dimen/activity_vertical_margin"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

tools:context=".XZingMainActivity">

<Button

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="扫描二维码"

android:id="@+id/btn_scan"

android:layout_alignParentLeft="true"

android:layout_alignParentStart="true"

android:onClick="scan" />

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="---显示扫描结果----"

android:textSize="22dp"

android:id="@+id/tv_ScanResult" />

<EditText

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:id="@+id/et_Text"

android:hint="这里请输入你要生成二维码的内容" />

<CheckBox

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="二维码是否要包含图片Logo"

android:id="@+id/cb_includeLogo"

android:checked="false" />

<Button

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="生成二维码QRcode"

android:id="@+id/btn_CreateQRcode"

android:onClick="CreateQRode" />

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:id="@+id/imgv_QRcode"

android:layout_gravity="center_horizontal"

android:background="@drawable/appicon" />

</LinearLayout>

package czg.czgxzing;

import android.content.Intent;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.hardware.camera2.CaptureRequest;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.util.Log;

import android.view.View;

import android.widget.CheckBox;

import android.widget.EditText;

import android.widget.ImageView;

import android.widget.TextView;

import android.widget.Toast;

import com.xys.libzxing.zxing.activity.CaptureActivity;

import com.xys.libzxing.zxing.encoding.EncodingUtils;

public class XZingMainActivity extends AppCompatActivity {

private TextView tv_ScanResult;

private EditText et_Text;

private ImageView imgv_QRcode;

private CheckBox cb_includeLogo;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_zxing_main);

tv_ScanResult=(TextView) findViewById(R.id.tv_ScanResult);

et_Text=(EditText) findViewById(R.id.et_Text);

imgv_QRcode=(ImageView) findViewById(R.id.imgv_QRcode);

cb_includeLogo=(CheckBox) findViewById(R.id.cb_includeLogo);

}

//直接调用第三方ZXing库的api进行扫描

public void scan(View view){

startActivityForResult(new Intent(XZingMainActivity.this,

CaptureActivity.class),0);

}

@Override

protected void onActivityResult(int requestCode, int resultCode, Intent data) {

super.onActivityResult(requestCode, resultCode, data);

if (resultCode==RESULT_OK){

Bundle bundle=data.getExtras();//通过Bundle获取扫描后的结果数据

String sResult=bundle.getString("result");

tv_ScanResult.setText(sResult);

System.out.println("查看读取值"+sResult);

}

}

public void CreateQRode(View view){

String sInput=et_Text.getText().toString();

if (sInput.equals("")){

Toast.makeText(XZingMainActivity.this,"还没输入要生成的二维码,请输入要生成二维码的内容",Toast.LENGTH_SHORT).show();

}else{

if (cb_includeLogo.isChecked()==false){

//调用ZXing类库的createQRCode生成二维码----不包含图片

Bitmap bitmap=EncodingUtils.createQRCode(sInput,500,500,null);

imgv_QRcode.setImageBitmap(bitmap);

}else{

//调用ZXing类库的createQRCode生成二维码----包含图片

Bitmap bitmap=EncodingUtils.createQRCode(sInput,500,500,

BitmapFactory.decodeResource(getResources(),R.drawable.appicon));

imgv_QRcode.setImageBitmap(bitmap);

}

}

}

}

最后感谢提供的分享平台,

分享是一种美德,牵手是一种生活方式。

注【无心的运营攻略】:每天一篇干货,少走三年弯路。

你有没有见过一个宝贝,前几天数据,只有成交没有流量,没有访客。


然后过几天莫名其妙的。


搜索突然就爆了.....爆了......爆了.......


基本上这种情况,都是用的都是无痕扫码玩法。


这种玩法直接进入订单页,没有访客足迹,也不会被生意参谋记录,虽然是无痕下单,但还是有权重的,确认收货之后,搜索是还是可以起来的。


下面我来给大家详细介绍一下,无痕扫码玩法的具体操作。


这种玩法的原理是根据替换付款页面的地址中的skuid和商品id来实现的:


下单入口代码:

https://h5.m.taobao.com/cart/order.html?buyNow=false&buyParam=615435872558_1_4512805343789


其中615435872558是商品id,

4512805343789是skuid,

中间那个1是下单数量,

商品id可以在PC端淘宝官网宝贝地址上找到,就是id=后面的那串数字。


图片来源:公众号【无心的运营攻略】


如何快速获取宝贝的skuid:

天猫店铺点击宝贝SKU图片,网站地址链接就会显示skuid,直接复制下来就可以了。

图片来源:公众号【无心的运营攻略】

淘宝店铺,快速获取skuid:

1.浏览器打开宝贝所在网页,F12

2.Ctrl+F,搜索skuid,enter键确认,即可出现宝贝的skuid

图片来源:公众号【无心的运营攻略】


当我们获取到了需要操作的宝贝id与skuid之后,就可以置换到上面给的代码当中了。

https://h5.m.taobao.com/cart/order.html?buyNow=false&buyParam=615435872558_1_4512805343789


百度链接转二维码工具,之后只需把链接转化为二维码,直接发给刷手就可以了。


这是非常规玩法,虽然风险不是很大,但还是建议先用小店测试,成功后再用在大店上比较稳妥。目前方法还是有效的,有兴趣的可以尝试。

一个纯javascript二维码阅读库。该库接收原始图像,并将定位,提取和解析其中的任何QR码。github star 11K+, Apache License 2.0协议。jsQR旨在成为一个完全独立的扫描QR码库。根据设计,它不包含任何特定于平台的代码。这使得它可以轻松扫描前端网络摄像头流,用户上传的图像,或者用作后端Node.js过程的一部分。如果要使用jsQR扫描网络摄像头流,则需要ImageData从视频流中提取。然后可以将其传递给jsQR。github 项目截图:

快速上手

  • 安装(npm)
npm install jsqr --save
// ES6 import
import jsQR from "jsqr";
// CommonJS require
const jsQR=require("jsqr");
jsQR(...);
  • 浏览器
<script src="jsQR.js"></script>
<script>
 jsQR(...);
</script>
  • 用法

jsQR导出一个方法,该方法接受3个参数,表示您要解码的图像数据。另外,可以使用选项对象来进一步配置扫描行为。

const code=jsQR(imageData,width,height,options ?);
if(code){
 console.log(“找到二维码”,code);
}

参数

  • imageData- Uint8ClampedArray表单中的一个RGBA像素值[r0, g0, b0, a0, r1, g1, b1, a1, ...]。因此,这个数组的长度应该是4 * width * height。此数据与ImageData接口的格式相同,并且通常 由节点模块返回以读取图像。
  • width - 要解码的图像的宽度。
  • height - 要解码的图像的高度。
  • options (可选) - 附加选项。
  • inversionAttempts

- ( attemptBoth(默认), dontInvert,onlyInvert或invertFirst)

- 应jsQR试图反转图像找到与黑色背景而不是白色背景上的黑色模块白色模块QR码。此选项默认attemptBoth为向后兼容性但会导致性能下降约50%,并且可能dontInvert在将来的版本中默认为。

返回值

如果QR能够被解码,则库将返回具有以下键的对象。

  • binaryData- Uint8ClampedArray- QR码的原始字节。
  • data - QR码数据的字符串版本。
  • location - 具有描述QR码关键点的键的对象。每个键都是表单的一个点{x: number, y: number}。有以下位置的。
  • 角落 - topRightCorner/ topLeftCorner/ bottomRightCorner/ bottomLeftCorner;
  • Finder模式 - topRightFinderPattern/ topLeftFinderPattern/bottomLeftFinderPattern
  • 也可以为BottomRightAlignmentPattern指定一个点,前提是存在一个点并且可以定位该点。