安卓实现个性彩色好看的二维码

作者: ziliuyue | 来源:发表于2016-02-25 12:06 被阅读392次

前言

二维码以前也写过好几篇，今天姑且是对以前知识的总结，顺便复习一下，圣人说过：温故知新。
还是和以前一样先看下效果，再来对着代码讲解。
看效果图：

完美二维码

仿qq二维码弹框

发送给好友

之前呢，也写过用安卓实现二维码生成彩色的二维码和带logo的二维码，也知道可以使用QRCode和ZXing两种方式，然后这一篇呢也是写二维码使用BarcodeFormat.QR_CODE，主要也是看见很多的非常漂亮的二维码，这里呢主要模仿qq的二维码，并且也高仿实现了长按发送给朋友和保存到图库的功能，觉得不错呢就请多支持下，哪里不好呢也可以说出来。好了我们一步一步来。

第一步：简单二维码实现

先来个最简单的二维码：

黑白二维码

看下简单代码实现：

/** * 根据指定内容生成自定义宽高的二维码图片 * * @param content * 需要生成二维码的内容 * @param width * 二维码宽度 * @param height * 二维码高度 * @throws WriterException * 生成二维码异常 */ public static Bitmap makeQRImage(String content, int width, int height) throws WriterException { Hashtable<EncodeHintType, String> hints = new Hashtable<EncodeHintType, String>(); hints.put(EncodeHintType.CHARACTER_SET, "UTF-8"); // 图像数据转换，使用了矩阵转换 BitMatrix bitMatrix = new QRCodeWriter().encode(content, BarcodeFormat.QR_CODE, width, height, hints); int[] pixels = new int[width * height]; // 按照二维码的算法，逐个生成二维码的图片，两个for循环是图片横列扫描的结果 for (int y = 0; y < height; y++) { for (int x = 0; x < width; x++) { if (bitMatrix.get(x, y))//范围内为黑色的 pixels[y * width + x] = 0xff000000; else//其他的地方为白色 pixels[y * width + x] = 0xffffffff; } } // 生成二维码图片的格式，使用ARGB_8888 Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888); //设置像素矩阵的范围 bitmap.setPixels(pixels, 0, width, 0, 0, width, height); return bitmap; }

第二步：简单二维码加logo

接下来给二维码加logo:（看图）

加logo

 /** * 根据指定内容生成自定义宽高的二维码图片 * * param logoBm * logo图标 * param content * 需要生成二维码的内容 * param width * 二维码宽度 * param height * 二维码高度 * throws WriterException * 生成二维码异常 */ public static Bitmap makeQRImage(Bitmap logoBmp, String content, int QR_WIDTH, int QR_HEIGHT) throws WriterException { try { // 图像数据转换，使用了矩阵转换 Hashtable<EncodeHintType, Object> hints = new Hashtable<EncodeHintType, Object>(); hints.put(EncodeHintType.CHARACTER_SET, "utf-8"); hints.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.H);// 容错率 hints.put(EncodeHintType.MARGIN, 2); // default is 4 hints.put(EncodeHintType.MAX_SIZE, 350); hints.put(EncodeHintType.MIN_SIZE, 100); BitMatrix bitMatrix = new QRCodeWriter().encode(content, BarcodeFormat.QR_CODE, QR_WIDTH, QR_HEIGHT, hints); int[] pixels = new int[QR_WIDTH * QR_HEIGHT]; for (int y = 0; y < QR_HEIGHT; y++) { // 下面这里按照二维码的算法，逐个生成二维码的图片，//两个for循环是图片横列扫描的结果 for (int x = 0; x < QR_WIDTH; x++) { if (bitMatrix.get(x, y)) pixels[y * QR_WIDTH + x] = 0xff000000; else pixels[y * QR_WIDTH + x] = 0xffffffff; } } // ------------------添加图片部分------------------// Bitmap bitmap = Bitmap.createBitmap(QR_WIDTH, QR_HEIGHT, Bitmap.Config.ARGB_8888); // 设置像素点 bitmap.setPixels(pixels, 0, QR_WIDTH, 0, 0, QR_WIDTH, QR_HEIGHT); // 获取图片宽高 int logoWidth = logoBmp.getWidth(); int logoHeight = logoBmp.getHeight(); if (QR_WIDTH == 0 || QR_HEIGHT == 0) { return null; } if (logoWidth == 0 || logoHeight == 0) { return bitmap; } // 图片绘制在二维码中央，合成二维码图片 // logo大小为二维码整体大小的1/2 float scaleFactor = QR_WIDTH * 1.0f / 2 / logoWidth; try { Canvas canvas = new Canvas(bitmap); canvas.drawBitmap(bitmap, 0, 0, null); canvas.scale(scaleFactor, scaleFactor, QR_WIDTH / 2, QR_HEIGHT / 2); canvas.drawBitmap(logoBmp, (QR_WIDTH - logoWidth) / 2, (QR_HEIGHT - logoHeight) /2, null); canvas.save(Canvas.ALL_SAVE_FLAG); canvas.restore(); return bitmap; } catch (Exception e) { bitmap = null; e.getStackTrace(); } } catch (WriterException e) { e.printStackTrace(); } return null; }```>上段代码可以看出要给二维码图片中间加logo，但是图片不能占据整个二维码图片的很大一部分。然后还必须设置***容错率***：容错率有M,L,Q,H几个等级，容错率越高,二维码的有效像素点就越多。这里使用小写的utf-8编码，大写会出现]Q2\000026开头内容，为了好看点还设置了边距和大小。####第三步：实现带logo的彩色二维码接下来我们把黑白矩阵变为彩色矩阵：就把``` if (bitMatrix.get(x, y)) pixels[y * width + x] = 0xff000000; else pixels[y * width + x] = 0xffffffff;```替换为:(这里的颜色随便设置，效果随便改)``` if (x < QR_WIDTH / 2 && y < QR_HEIGHT / 2) { pixels[y * QR_WIDTH + x] = 0xFF0094FF;// 蓝色 Integer.toHexString(new Random().nextInt()); } else if (x < QR_WIDTH / 2 && y > QR_HEIGHT / 2) { pixels[y * QR_WIDTH + x] = 0xFFFED545;// 黄色 } else if (x > QR_WIDTH / 2 && y > QR_HEIGHT / 2) { pixels[y * QR_WIDTH + x] = 0xFF5ACF00;// 绿色 } else { pixels[y * QR_WIDTH + x] = 0xFF000000;// 黑色 } } else { pixels[y * QR_WIDTH + x] = 0xffffffff;// 白色 }```
改后的效果： ![彩色](https://img.haomeiwen.com/i1366103/045b3121bfb5b432?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
####第四步：给二维码加背景接下来我们来给二维码图片加背景：

/** * 给二维码图片加背景 * */ public static Bitmap addBackground(Bitmap foreground,Bitmap background){ int bgWidth = background.getWidth(); int bgHeight = background.getHeight(); int fgWidth = foreground.getWidth(); int fgHeight = foreground.getHeight(); Bitmap newmap = Bitmap .createBitmap(bgWidth, bgHeight, Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(newmap); canvas.drawBitmap(background, 0, 0, null); canvas.drawBitmap(foreground, (bgWidth - fgWidth) / 2, (bgHeight - fgHeight) *3 / 5+70, null); canvas.save(Canvas.ALL_SAVE_FLAG); canvas.restore(); return newmap; }```

这样效果就变为：

加背景

第五步：给二维码加水印

然后二维码的个性化制作就最后一步了：加水印，位置随便放

 /** * 在图片右下角添加水印 * * @param srcBMP * 原图 * @param markBMP * 水印图片 * @return 合成水印后的图片 */ public static Bitmap composeWatermark(Bitmap srcBMP, Bitmap markBMP) { if (srcBMP == null) { return null; } // 创建一个新的和SRC长度宽度一样的位图 Bitmap newb = Bitmap.createBitmap(srcBMP.getWidth(), srcBMP.getHeight(), Bitmap.Config.ARGB_8888); Canvas cv = new Canvas(newb); // 在 0，0坐标开始画入原图 cv.drawBitmap(srcBMP, 0, 0, null); // 在原图的右下角画入水印 cv.drawBitmap(markBMP, srcBMP.getWidth() - markBMP.getWidth()*4/5, srcBMP.getHeight()*2/7 , null); // 保存 cv.save(Canvas.ALL_SAVE_FLAG); // 存储 cv.restore(); return newb; }```
![二维码完美效果](https://img.haomeiwen.com/i1366103/36bbcd2d9152e3bb?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)这里贴下实现二维码个性化的完整代码类：

package com.ry.personalizedcode.uitls;import android.content.Context;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.Canvas;import com.google.zxing.BarcodeFormat;import com.google.zxing.EncodeHintType;import com.google.zxing.WriterException;import com.google.zxing.common.BitMatrix;import com.google.zxing.qrcode.QRCodeWriter;import com.google.zxing.qrcode.decoder.ErrorCorrectionLevel;import java.util.Hashtable;import java.util.Random;/** * Created on 2016/2/24. * 生成二维码的工具类 /public class MakeQRCodeUtil { /* * 根据指定内容生成自定义宽高的二维码图片 * * param logoBm * logo图标 * param content * 需要生成二维码的内容 * param width * 二维码宽度 * param height * 二维码高度 * throws WriterException * 生成二维码异常 / public static Bitmap makeQRImage(Bitmap logoBmp, String content, int QR_WIDTH, int QR_HEIGHT) throws WriterException { try { // 图像数据转换，使用了矩阵转换 Hashtable<EncodeHintType, Object> hints = new Hashtable<EncodeHintType, Object>(); hints.put(EncodeHintType.CHARACTER_SET, "utf-8"); hints.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.H);// 容错率 hints.put(EncodeHintType.MARGIN, 2); // default is 4 hints.put(EncodeHintType.MAX_SIZE, 350); hints.put(EncodeHintType.MIN_SIZE, 100); BitMatrix bitMatrix = new QRCodeWriter().encode(content, BarcodeFormat.QR_CODE, QR_WIDTH, QR_HEIGHT, hints); int[] pixels = new int[QR_WIDTH * QR_HEIGHT]; for (int y = 0; y < QR_HEIGHT; y++) { // 下面这里按照二维码的算法，逐个生成二维码的图片，//两个for循环是图片横列扫描的结果 for (int x = 0; x < QR_WIDTH; x++) { if (bitMatrix.get(x, y)) { if (x < QR_WIDTH / 2 && y < QR_HEIGHT / 2) { pixels[y * QR_WIDTH + x] = 0xFF0094FF;// 蓝色 Integer.toHexString(new Random().nextInt()); } else if (x < QR_WIDTH / 2 && y > QR_HEIGHT / 2) { pixels[y * QR_WIDTH + x] = 0xFFFED545;// 黄色 } else if (x > QR_WIDTH / 2 && y > QR_HEIGHT / 2) { pixels[y * QR_WIDTH + x] = 0xFF5ACF00;// 绿色 } else { pixels[y * QR_WIDTH + x] = 0xFF000000;// 黑色 } } else { pixels[y * QR_WIDTH + x] = 0xffffffff;// 白色 } } } // ------------------添加图片部分------------------// Bitmap bitmap = Bitmap.createBitmap(QR_WIDTH, QR_HEIGHT, Bitmap.Config.ARGB_8888); // 设置像素点 bitmap.setPixels(pixels, 0, QR_WIDTH, 0, 0, QR_WIDTH, QR_HEIGHT); // 获取图片宽高 int logoWidth = logoBmp.getWidth(); int logoHeight = logoBmp.getHeight(); if (QR_WIDTH == 0 || QR_HEIGHT == 0) { return null; } if (logoWidth == 0 || logoHeight == 0) { return bitmap; } // 图片绘制在二维码中央，合成二维码图片 // logo大小为二维码整体大小的1/2 float scaleFactor = QR_WIDTH * 1.0f / 2 / logoWidth; try { Canvas canvas = new Canvas(bitmap); canvas.drawBitmap(bitmap, 0, 0, null); canvas.scale(scaleFactor, scaleFactor, QR_WIDTH / 2, QR_HEIGHT / 2); canvas.drawBitmap(logoBmp, (QR_WIDTH - logoWidth) / 2, (QR_HEIGHT - logoHeight) /2, null); canvas.save(Canvas.ALL_SAVE_FLAG); canvas.restore(); return bitmap; } catch (Exception e) { bitmap = null; e.getStackTrace(); } } catch (WriterException e) { e.printStackTrace(); } return null; } /* * 获取十六进制的颜色代码.例如 "#6E36B4" , For HTML , * @return String / public static String getRandColorCode(){ String r,g,b; Random random = new Random(); r = Integer.toHexString(random.nextInt(256)).toUpperCase(); g = Integer.toHexString(random.nextInt(256)).toUpperCase(); b = Integer.toHexString(random.nextInt(256)).toUpperCase(); r = r.length()==1 ? "0" + r : r ; g = g.length()==1 ? "0" + g : g ; b = b.length()==1 ? "0" + b : b ; return r+g+b; } /* * 根据指定内容生成自定义宽高的二维码图片 * * @param content * 需要生成二维码的内容 * @param width * 二维码宽度 * @param height * 二维码高度 * @throws WriterException * 生成二维码异常 / public static Bitmap makeQRImage(String content, int width, int height) throws WriterException { Hashtable<EncodeHintType, String> hints = new Hashtable<EncodeHintType, String>(); hints.put(EncodeHintType.CHARACTER_SET, "UTF-8"); // 图像数据转换，使用了矩阵转换 BitMatrix bitMatrix = new QRCodeWriter().encode(content, BarcodeFormat.QR_CODE, width, height, hints); int[] pixels = new int[width * height]; // 按照二维码的算法，逐个生成二维码的图片，两个for循环是图片横列扫描的结果 for (int y = 0; y < height; y++) { for (int x = 0; x < width; x++) { if (bitMatrix.get(x, y)) pixels[y * width + x] = 0xff000000; else pixels[y * width + x] = 0xffffffff; } } // 生成二维码图片的格式，使用ARGB_8888 Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888); bitmap.setPixels(pixels, 0, width, 0, 0, width, height); return bitmap; } /* * 从资源文件中获取图片 * * @param context * 上下文 * @param drawableId * 资源文件id * @return / public static Bitmap gainBitmap(Context context, int drawableId) { Bitmap bmp = BitmapFactory.decodeResource(context.getResources(), drawableId); return bmp; } /* * 在图片右下角添加水印 * * @param srcBMP * 原图 * @param markBMP * 水印图片 * @return 合成水印后的图片 / public static Bitmap composeWatermark(Bitmap srcBMP, Bitmap markBMP) { if (srcBMP == null) { return null; } // 创建一个新的和SRC长度宽度一样的位图 Bitmap newb = Bitmap.createBitmap(srcBMP.getWidth(), srcBMP.getHeight(), Bitmap.Config.ARGB_8888); Canvas cv = new Canvas(newb); // 在 0，0坐标开始画入原图 cv.drawBitmap(srcBMP, 0, 0, null); // 在原图的右下角画入水印 cv.drawBitmap(markBMP, srcBMP.getWidth() - markBMP.getWidth()4/5, srcBMP.getHeight()2/7 , null); // 保存 cv.save(Canvas.ALL_SAVE_FLAG); // 存储 cv.restore(); return newb; } /* * 给二维码图片加背景 * */ public static Bitmap addBackground(Bitmap foreground,Bitmap background){ int bgWidth = background.getWidth(); int bgHeight = background.getHeight(); int fgWidth = foreground.getWidth(); int fgHeight = foreground.getHeight(); Bitmap newmap = Bitmap .createBitmap(bgWidth, bgHeight, Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(newmap); canvas.drawBitmap(background, 0, 0, null); canvas.drawBitmap(foreground, (bgWidth - fgWidth) / 2, (bgHeight - fgHeight) *3 / 5+70, null); canvas.save(Canvas.ALL_SAVE_FLAG); canvas.restore(); return newmap; }}```

第六步：给二维码实现长按功能

最后为了模拟下qq的查看二维码名片功能，还加了一个长按弹出actionSheet的功能。看效果：

actionsheet 具体的安卓版actionSheet的实现，前面博客有介绍需要的请移步。这里我们先来实现发送给好友功能：（这里就不做第三方的发送）

private void sendToFriends() { Intent intent=new Intent(Intent.ACTION_SEND); Uri imageUri= Uri.parse(Environment.getExternalStorageDirectory()+"/code/qrcode.jpg"); intent.setType("image/*"); intent.putExtra(Intent.EXTRA_STREAM, imageUri); intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK); startActivity(Intent.createChooser(intent, getTitle())); }```
发送给朋友效果图：![发送效果](https://img.haomeiwen.com/i1366103/405ca29cf41d167d?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)然后就是要实现保存到本地图库的功能：

/** * 先保存到本地再广播到图库 * */ public static void saveImageToGallery(Context context, Bitmap bmp) { // 首先保存图片 File appDir = new File(Environment.getExternalStorageDirectory(), "code"); if (!appDir.exists()) { appDir.mkdir(); } String fileName = "qrcode.jpg"; file = new File(appDir, fileName); try { FileOutputStream fos = new FileOutputStream(file); bmp.compress(CompressFormat.JPEG, 100, fos); fos.flush(); fos.close(); } catch (FileNotFoundException e) { e.printStackTrace(); } catch (IOException e) { e.printStackTrace(); } // 其次把文件插入到系统图库 try { MediaStore.Images.Media.insertImage(context.getContentResolver(), file.getAbsolutePath(), fileName, null); // 最后通知图库更新 context.sendBroadcast(new Intent( Intent.ACTION_MEDIA_SCANNER_SCAN_FILE, Uri.parse("file://" + file))); } catch (FileNotFoundException e) { e.printStackTrace(); } }```

总结：

这篇说白了就是使用了大量的Canvas和bitmap的处理，然后篇幅也是有点长，看起来也是有点累。要看完整的代码请自己下载PersonalizedCode.rar。

请关注：我的csdn
我的个人站点：https://zilianliuxue.github.io/

安卓实现个性彩色好看的二维码

前言

第一步：简单二维码实现

第二步：简单二维码加logo

第五步：给二维码加水印

第六步：给二维码实现长按功能

总结：

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

Android UI