二维码之zxing仿新浪微博二维码

在前言中最后部分，提到了二维码开发工具资源ZXing。网上有它最新1.7版的源码，感兴趣的可以下载下来看看，要打包生成core比较麻烦，网上有相关教程。嫌麻烦的朋友，可以去我的资源里下载Java版的core.jar，地址前言最后已经给出。


今天开始介绍利用android生成普通二维码，以及仿新浪微博二维码。话说新浪微博也是采用了ZXing的技术，而腾讯微信，我推测它好像是通过服务器生成后下载下来的。因为每次生成二维码，如果没有网络的情况下就无法得到。
补一句：因为都是java开发语句，所以开发j2me和j2se的也可以参考，创建原理是一样的，只是在最后对生成图片的处理略有不同。

首先，在生成二维码前要设置一些配置参数，也就是要告诉系统你要生成什么样的二维码。关于二维码参数的介绍不是本篇重点，我会放在后面的文章中做系统介绍。

ZXing采用Hashtable方式来保存设置参数，比如我们这里设置的纠错能力为H级别，设置编码类型为UTF-8：

 

[java] view plain copy
 
  1. // 用于设置QR二维码参数  
  2. Hashtable<EncodeHintType, Object> qrParam = new Hashtable<EncodeHintType, Object>();  
  3. // 设置QR二维码的纠错级别——这里选择最高H级别  
  4. qrParam.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.H);  
  5. // 设置编码方式  
  6. qrParam.put(EncodeHintType.CHARACTER_SET, "UTF-8");  


接下来，我们还要告诉系统二维码扫描后的内容，以及采用的编码形式，生成图片的大小：

 

 

[java] view plain copy
 
  1. // 参数顺序分别为：编码内容，编码类型，生成图片宽度，生成图片高度，设置参数  
  2. BitMatrix bitMatrix = new MultiFormatWriter().encode(content,  
  3.                     BarcodeFormat.QR_CODE, QRCODE_SIZE, QRCODE_SIZE, qrParam);  


最后，我们就会得到生成QR二维码数据。但这里只是得到一个由true和false组成的数组，然后你就可以根据此生成图片。下面给出的是android采用Bitmap方式生成的黑白图片：

 

 

[java] view plain copy
 
  1. // 开始利用二维码数据创建Bitmap图片，分别设为黑白两色  
  2. int w = bitMatrix.getWidth();  
  3. int h = bitMatrix.getHeight();  
  4. int[] data = new int[w * h];  
  5.   
  6. for (int y = 0; y < h; y++) {  
  7.     for (int x = 0; x < w; x++) {  
  8.         if (bitMatrix.get(x, y))  
  9.             data[y * w + x] = 0xff000000;// 黑色  
  10.         else  
  11.             data[y * w + x] = -1;// -1 相当于0xffffffff 白色  
  12.     }  
  13. }  
  14.   
  15. // 创建一张bitmap图片，采用最高的图片效果ARGB_8888  
  16. Bitmap bitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);  
  17. // 将上面的二维码颜色数组传入，生成图片颜色  
  18. bitmap.setPixels(data, 0, w, 0, 0, w, h);  

 

 

以下是Android版完整生成二维码的代码：

 

[java] view plain copy
 
  1. /** 
  2.  * 创建QR二维码图片 
  3.  */  
  4. private Bitmap createQRCodeBitmap() {  
  5.     // 用于设置QR二维码参数  
  6.     Hashtable<EncodeHintType, Object> qrParam = new Hashtable<EncodeHintType, Object>();  
  7.     // 设置QR二维码的纠错级别——这里选择最高H级别  
  8.     qrParam.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.H);  
  9.     // 设置编码方式  
  10.     qrParam.put(EncodeHintType.CHARACTER_SET, "UTF-8");  
  11.   
  12.     // 设定二维码里面的内容，这里我采用我微博的地址  
  13.     String content = "sinaweibo://userinfo?uid=2568190010";  
  14.   
  15.     // 生成QR二维码数据——这里只是得到一个由true和false组成的数组  
  16.     // 参数顺序分别为：编码内容，编码类型，生成图片宽度，生成图片高度，设置参数  
  17.     try {  
  18.         BitMatrix bitMatrix = new MultiFormatWriter().encode(content,  
  19.                 BarcodeFormat.QR_CODE, QRCODE_SIZE, QRCODE_SIZE, qrParam);  
  20.   
  21.         // 开始利用二维码数据创建Bitmap图片，分别设为黑白两色  
  22.         int w = bitMatrix.getWidth();  
  23.         int h = bitMatrix.getHeight();  
  24.         int[] data = new int[w * h];  
  25.   
  26.         for (int y = 0; y < h; y++) {  
  27.             for (int x = 0; x < w; x++) {  
  28.                 if (bitMatrix.get(x, y))  
  29.                     data[y * w + x] = 0xff000000;// 黑色  
  30.                 else  
  31.                     data[y * w + x] = -1;// -1 相当于0xffffffff 白色  
  32.             }  
  33.         }  
  34.   
  35.         // 创建一张bitmap图片，采用最高的效果显示  
  36.         Bitmap bitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);  
  37.         // 将上面的二维码颜色数组传入，生成图片颜色  
  38.         bitmap.setPixels(data, 0, w, 0, 0, w, h);  
  39.         return bitmap;  
  40.     } catch (WriterException e) {  
  41.         e.printStackTrace();  
  42.     }  
  43.     return null;  
  44. }  


至此，你已经可以创建出二维码了。接下来，讲一下新浪微博二维码方式。

 

在前言中，已经对新浪微博二维码做了分析，它只是合理的利用了二维码的规则，在二维码基础上增加了一些装饰，也就是说，在生成好的二维码上，贴了张头像照。如果原理大家明白了的话，自己也就可以实现了。我这里附上在二维码图片基础上增加头像的方法：

 

[java] view plain copy
 
  1. /** 
  2.  * 在二维码上绘制头像 
  3.  */  
  4. private void createQRCodeBitmapWithPortrait(Bitmap qr, Bitmap portrait) {  
  5.     // 头像图片的大小  
  6.     int portrait_W = portrait.getWidth();  
  7.     int portrait_H = portrait.getHeight();  
  8.   
  9.     // 设置头像要显示的位置，即居中显示  
  10.     int left = (QRCODE_SIZE - portrait_W) / 2;  
  11.     int top = (QRCODE_SIZE - portrait_H) / 2;  
  12.     int right = left + portrait_W;  
  13.     int bottom = top + portrait_H;  
  14.     Rect rect1 = new Rect(left, top, right, bottom);  
  15.   
  16.     // 取得qr二维码图片上的画笔，即要在二维码图片上绘制我们的头像  
  17.     Canvas canvas = new Canvas(qr);  
  18.   
  19.     // 设置我们要绘制的范围大小，也就是头像的大小范围  
  20.     Rect rect2 = new Rect(0, 0, portrait_W, portrait_H);  
  21.     // 开始绘制  
  22.     canvas.drawBitmap(portrait, rect2, rect1, null);  
  23. }  

 

 

这里有几点要注意：
1、如果要采用在二维码中添加头像，那么生成的二维码最好采用最高等级H级别的纠错能力，目的有两个：一是增加二维码的正确识别能力；二是扩大二维码数据内容的大小。
2、头像大小最好不要超过二维码本身大小的1/5，而且只能放在正中间部位。这是由于二维码本身结构造成的。所以说新浪微博的二维码只是合理的利用了规则而已。
3、如果要仿照腾讯微信，在二维码边上增加装饰框，记得一定要在装饰框和二维码之间留出白边，这是为了二维码可识别。


最后附上截图比对一下，截图上为正常二维码，下面为增加头像的二维码。与新浪微博生成二维码的对比一下，基本一样。

自己生成的二维码：

 

新浪微博二维码：

 

附上完整代码工程：仿新浪微博二维码

posted @ 2016-06-27 13:39  牧之丨  阅读(350)  评论(0)  编辑  收藏  举报