Android开发之google Zxing实现二维码扫描的代码分析

最新推荐文章于 2024-08-11 17:21:55 发布

醉梦独斟

最新推荐文章于 2024-08-11 17:21:55 发布

阅读量3.1k

点赞数

分类专栏： android开发文章标签： android开发二维码扫描

本文链接：https://blog.csdn.net/IThtt/article/details/77084448

版权

本文主要介绍了Android开发中使用google的Zxing库进行二维码扫描的技术实现。首先，文章概览了Zxing库的基本功能和在二维码扫描中的应用；随后，详细剖析了如何集成和使用Zxing进行二维码的读取和解析过程。

摘要由CSDN通过智能技术生成

1.技术简介

在Android中实现二维码的扫描主要是通过第三方框架来实现的，主要框架是google的Zxing。现在就用该框架来实现二维码及条形码的扫描及识别，同时对于手机中存储的图片也进行识别，并通过编写一个Demo来学习并熟悉该框架的使用，为以后的实际项目应用打下基础。

二维码简介: http://baike.baidu.com/link?url=79Z-rJZKFLSV7c4AgVUUX5UeTKY-ZwWNSXIYc_vnOzlisCluCu4L_FtB--QrLXVu8t-vODo3QINLaK_x09Wj9_

条形码简介: http://baike.baidu.com/link?url=iP411GZ1Dv7Xs8VWS-9CyefdTIsdNeuuK6rXmumqIB4anBGvgWpWgZuMOV3FDp0AS60Mf_0AjoQG_uxkziSVBa

google Zxing框架的源码及jar包下载地址: http://code.google.com/p/zxing/ (在国内，需要翻墙才可以进行下载)

2.技术实现

现在准备开发一个demo，能够实现二维码、条形码的扫描及识别功能。在UI方面，将仿造小米手机自带的二维码扫描APP的界面。界面如下图所示:

在android studio中，建立项目QRCodeApp并引入Zxing的jar文件及相关的源代码，项目结构如下图所示:

在项目中,com.mining.app.zxing包中的内容是Zxing框架中相关源代码，涉及扫描框、摄像机录制图片、识别图片中的二维码信息等类。QRCodeScanActivity类便是二维码扫描的界面。界面的布局文件如下：

  
  
  
   <?xml version="1.0" encoding="utf-8"?>
   <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="match_parent"
       android:layout_height="match_parent">
       <SurfaceView
           android:id="@+id/preview_view"
           android:layout_width="fill_parent"
           android:layout_height="fill_parent"
           android:layout_gravity="center" />
       <com.mining.app.zxing.view.ViewfinderView
           android:id="@+id/viewfinder_view"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"/>
       <LinearLayout
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:orientation="horizontal"
           android:layout_gravity="bottom|center_horizontal"
           android:layout_marginBottom="16dp">
           <TextView
               android:id="@+id/tv_flash"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:textSize="12sp"
               android:text="照明"/>
           <TextView
               android:id="@+id/tv_picture"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:textSize="12sp"
               android:layout_marginLeft="16dp"
               android:text="图片"/>
       </LinearLayout>
   </FrameLayout>

在布局文件中，包括SurfaceView控件用于Android摄像头Camera的预览界面，ViewfinderView是Zxing包中二维码扫描框的自定义控件，另外，包括两个用于控制闪光灯开光及选取图片进行二维码扫描的按钮。

以下是ViewfinderView类的源代码:

  
  
  
   /*
    * Copyright (C) 2008 ZXing authors
    *
    * Licensed under the Apache License, Version 2.0 (the "License");
    * you may not use this file except in compliance with the License.
    * You may obtain a copy of the License at
    *
    *      http://www.apache.org/licenses/LICENSE-2.0
    *
    * Unless required by applicable law or agreed to in writing, software
    * distributed under the License is distributed on an "AS IS" BASIS,
    * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    * See the License for the specific language governing permissions and
    * limitations under the License.
    */
   
   package com.mining.app.zxing.view;
   
   import java.util.Collection;
   import java.util.HashSet;
   
   import android.content.Context;
   import android.content.res.Resources;
   import android.graphics.Bitmap;
   import android.graphics.Canvas;
   import android.graphics.Color;
   import android.graphics.Paint;
   import android.graphics.Rect;
   import android.graphics.Typeface;
   import android.util.AttributeSet;
   import android.view.View;
   
   import com.google.zxing.ResultPoint;
   import com.htt.qrcodeapp.R;
   import com.mining.app.zxing.camera.CameraManager;
   
   /**
    * This view is overlaid on top of the camera preview. It adds the viewfinder
    * rectangle and partial transparency outside it, as well as the laser scanner
    * animation and result points.
    * 自定义控件，实现扫描框
    * 
    */
   public final class ViewfinderView extends View {
       
   	private static final String TAG = "log";
   	/**
   	 * 刷新界面的时间
   	 */
   	private static final long ANIMATION_DELAY = 10L;
   	private static final int OPAQUE = 0xFF;
   
   	/**
   	 * 四个绿色边角对应的长度
   	 */
   	private int ScreenRate;
   
   	/**
   	 * 四个绿色边角对应的宽度
   	 */
   	private static final int CORNER_WIDTH = 10;
   	/**
   	 * 扫描框中的中间线的宽度
   	 */
   	private static final int MIDDLE_LINE_WIDTH = 6;
   
   	/**
   	 * 扫描框中的中间线的与扫描框左右的间隙
   	 */
   	private static final int MIDDLE_LINE_PADDING = 5;
   
   	/**
   	 * 中间那条线每次刷新移动的距离
   	 */
   	private static final int SPEEN_DISTANCE = 5;
   
   	/**
   	 * 手机的屏幕密度
   	 */
   	private static float density;
   	/**
   	 * 字体大小
   	 */
   	private static final int TEXT_SIZE = 16;
   	/**
   	 * 字体距离扫描框下面的距离
   	 */
   	private static final int TEXT_PADDING_TOP = 30;
   
   	/**
   	 * 画笔对象的引用
   	 */
   	private Paint paint;
   
   	/**
   	 * 中间滑动线的最顶端位置
   	 */
   	private int slideTop;
   
   	/**
   	 * 中间滑动线的最底端位置
   	 */
   	private int slideBottom;
   
   	/**
   	 * 将扫描的二维码拍下来，这里没有这个功能，暂时不考虑
   	 */
   	private Bitmap resultBitmap;
   	private final int maskColor;
   	private final int resultColor;
   
   	private final int resultPointColor;
   	private Collection<ResultPoint> possibleResultPoints;
   	private Collection<ResultPoint> lastPossibleResultPoints;
   
   	boolean isFirst;
   
   	public ViewfinderView(Context context, AttributeSet attrs) {
       
   		super(context, attrs);
   
   		density = context.getResources().getDisplayMetrics().density;
   		//将像素转换成dp
   		ScreenRate = (int)(20 * density);
   
   		paint = new Paint();
   		Resources resources = getResources();
   		maskColor = resources.getColor(R.color.viewfinder_mask);
   		resultColor = resources.getColor(R.color.result_view);
   
   		resultPointColor = resources.getColor(R.color.possible_result_points);
   		possibleResultPoints = new HashSet<ResultPoint>(5);
   	}
   
   	@Override
   	public void onDraw(Canvas canvas) {
       
   		//中间的扫描框，你要修改扫描框的大小，去CameraManager里面修改
   		Rect frame = CameraManager.get().getFramingRect();
   		if (frame == null) {
       
   			return;
   		}
   
   		//初始化中间线滑动的最上边和最下边
   		if(!isFirst){
       
   			isFirst = true;
   			slideTop = frame.top;
   			slideBottom = frame.bottom;
   		}
   
   		//获取屏幕的宽和高
   		int width = canvas.getWidth();
   		int height = canvas.getHeight();
   
   		paint.setColor(resultBitmap != null ? resultColor : maskColor);
   
   		//画出扫描框外面的阴影部分，共四个部分，扫描框的上面到屏幕上面，扫描框的下面到屏幕下面
   		//扫描框的左边面到屏幕左边，扫描框的右边到屏幕右边
   		canvas.drawRect(0, 0, width, frame.top, paint);
   		canvas.drawRect(0, frame.top, frame.left, frame.bottom + 1, paint);
   		canvas.drawRect(frame.right + 1, frame.top, width, frame.bottom + 1,
   				paint);
   		canvas.drawRect(0, frame.bottom + 1, width, height, paint);
   
   		if (resultBitmap != null) {
       
   			// Draw the opaque result bitmap over the scanning rectangle
   			paint.setAlpha(OPAQUE);
   			canvas.drawBitmap(resultBitmap, frame.left, frame.top, paint);
   		} else {
       
   
   			//画扫描框边上的角，总共8个部分
   			paint.setColor(Color.GREEN);
   			canvas.drawRect(frame.left, frame.top, frame.left + ScreenRate,
   					frame.top + CORNER_WIDTH, paint);
   			canvas.drawRect(frame.left, frame.top, frame.left + CORNER_WIDTH, frame.top
   					+ ScreenRate, paint);
   			canvas.drawRect(frame.right - ScreenRate, frame.top, frame.right,
   					frame.top + CORNER_WIDTH, paint);
   			canvas.drawRect(frame.right - CORNER_WIDTH, frame.top, frame.right, frame.top
   					+ ScreenRate, paint);
   			canvas.drawRect(frame.left, frame.bottom - CORNER_WIDTH, frame.left
   					+ ScreenRate, frame.bottom, paint);
   			canvas.drawRect(frame.left, frame.bottom - ScreenRate,
   					frame.left + CORNER_WIDTH, frame.bottom, paint);
   			canvas.drawRect(frame.right - ScreenRate, frame.bottom - CORNER_WIDTH,
   					frame.right, frame.bottom, paint);
   			canvas.drawRect(frame