二維碼以前也寫過好幾篇,今天姑且是對以前知識的總結(jié),順便復習一下,圣人說過:溫故知新。
還是和以前一樣先看下效果,再來對著代碼講解。
看效果圖:
之前呢,也寫過用安卓實現(xiàn)二維碼生成彩色的二維碼和帶logo的二維碼,也知道可以使用QRCode和ZXing兩種方式,然后這一篇呢也是寫二維碼使用BarcodeFormat.QR_CODE,主要也是看見很多的非常漂亮的二維碼,這里呢主要模仿qq的二維碼,并且也高仿實現(xiàn)了長按發(fā)送給朋友和保存到圖庫的功能,覺得不錯呢就請多支持下,哪里不好呢也可以說出來。好了我們一步一步來。
先來個最簡單的二維碼:
/** * 根據(jù)指定內(nèi)容生成自定義寬高的二維碼圖片 * * @param content * 需要生成二維碼的內(nèi)容 * @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"); // 圖像數(shù)據(jù)轉(zhuǎn)換,使用了矩陣轉(zhuǎn)換 BitMatrix bitMatrix = new QRCodeWriter().encode(content, BarcodeFormat.QR_CODE, width, height, hints); int[] pixels = new int[width * height]; // 按照二維碼的算法,逐個生成二維碼的圖片,兩個for循環(huán)是圖片橫列掃描的結(jié)果 for (int y = 0; y < height; y++) { for (int x = 0; x < width; x++) { if (bitMatrix.get(x, y))//范圍內(nèi)為黑色的 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:(看圖)
/** * 根據(jù)指定內(nèi)容生成自定義寬高的二維碼圖片 * * param logoBm * logo圖標 * param content * 需要生成二維碼的內(nèi)容 * param width * 二維碼寬度 * param height * 二維碼高度 * throws WriterException * 生成二維碼異常 */ public static Bitmap makeQRImage(Bitmap logoBmp, String content, int QR_WIDTH, int QR_HEIGHT) throws WriterException { try { // 圖像數(shù)據(jù)轉(zhuǎn)換,使用了矩陣轉(zhuǎn)換 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循環(huán)是圖片橫列掃描的結(jié)果 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,但是圖片不能占據(jù)整個二維碼圖片的很大一部分。然后還必須設置容錯率:容錯率有M,L,Q,H幾個等級,容錯率越高,二維碼的有效像素點就越多。這里使用小寫的utf-8編碼,大寫會出現(xiàn)]Q2\000026開頭內(nèi)容,為了好看點還設置了邊距和大小。
接下來我們把黑白矩陣變?yōu)椴噬仃嚕?
就把
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;// 白色 }
改后的效果:
接下來我們來給二維碼圖片加背景:
/** * 給二維碼圖片加背景 * */ 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; }
這樣效果就變?yōu)椋?
然后二維碼的個性化制作就最后一步了:加水印,位置隨便放
/** * 在圖片右下角添加水印 * * @param srcBMP * 原圖 * @param markBMP * 水印圖片 * @return 合成水印后的圖片 */ public static Bitmap composeWatermark(Bitmap srcBMP, Bitmap markBMP) { if (srcBMP == null) { return null; } // 創(chuàng)建一個新的和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; }
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 { /** * 根據(jù)指定內(nèi)容生成自定義寬高的二維碼圖片 * * param logoBm * logo圖標 * param content * 需要生成二維碼的內(nèi)容 * param width * 二維碼寬度 * param height * 二維碼高度 * throws WriterException * 生成二維碼異常 */ public static Bitmap makeQRImage(Bitmap logoBmp, String content, int QR_WIDTH, int QR_HEIGHT) throws WriterException { try { // 圖像數(shù)據(jù)轉(zhuǎn)換,使用了矩陣轉(zhuǎn)換 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循環(huán)是圖片橫列掃描的結(jié)果 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; } /** * 根據(jù)指定內(nèi)容生成自定義寬高的二維碼圖片 * * @param content * 需要生成二維碼的內(nèi)容 * @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"); // 圖像數(shù)據(jù)轉(zhuǎn)換,使用了矩陣轉(zhuǎn)換 BitMatrix bitMatrix = new QRCodeWriter().encode(content, BarcodeFormat.QR_CODE, width, height, hints); int[] pixels = new int[width * height]; // 按照二維碼的算法,逐個生成二維碼的圖片,兩個for循環(huán)是圖片橫列掃描的結(jié)果 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; } // 創(chuàng)建一個新的和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的功能。
看效果:
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())); }
發(fā)送給朋友效果圖:
/** * 先保存到本地再廣播到圖庫 * */ 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(); } // 其次把文件插入到系統(tǒng)圖庫 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。下一篇我準備寫webView中的二維碼圖片長按識別二維碼功能。