Android 详解使用 Zxing实现前置摄像头扫描二维码、生成二维码

本文同步到简书

现在二维码使用越来越广泛了，几乎处处可见，并且 公司相关的项目中几乎全部都和二维码扫描有关，所以总结一下自己的使用心路历程，总觉得要做点什么来记录自己的成长，让自己的成长有迹可循，如果恰好能够帮助到你，我当然会很开心啦，如果没帮到，请忽略。。

废话结束，正文开始

小白之旅，如有问题 望指正，万分感谢 🙏🙏
首先推荐几篇

Android 二维码的扫码功能实现

二维码ZXING源码分析（一）

zxing扫描二维码和识别图片二维码及其优化策略

Android中常用的就是 zxing ，开源项目地址：https://github.com/zxing/zxing。首先我们下载项目到本地，然后加载到自己的工程中，可参考 我的上一片博文 AndroidStudio 导入 Zxing Android 项目，这个是作为库文件导入的，当然我们也可以单独在工程中分出一个包，来实现扫描二维码的功能。

特别提醒: 如果作为 module 完整导入项目则配置好后就可以运行，如果单独作为一个包，独立出自己需要的内容，需要复制 layout 文件，和资源文件 res–>values 里面的 ids.xml 和 res–>raw 里面的 beep.ogg 文件

一、了解 ZXing

ZXing 导入后，所有的内容如上图所示，运行示例代码，发现是横屏用来扫描条形码的，包括识别相册中的二维码，扫描记录，剪切板，生成二维码等功能，我们可以根据需要，分离出自己需要的那一部分，首先了解 ZXing 这个项目中各个部分的作用，然后开始 DELETE 👹操作。

把 CaptureActivity 作为入口开始分析…
(PS：不一定正确，是我自己的理解，不过 大概是这样子的，如有失误，后续会修正)

CaptureActivity: 打开相机并在后台线程进行实际扫描，绘制取景框，并进行图像扫描反馈。

CameraManager：相机管理类，调用相机 预览，绘制扫描框的具体内容都在这里。相关的相机的配置也在这里设置，例如前后摄像头切换，是否自动聚焦等。在 CaptureActivity 中，CameraManager 在 onResume() 中获取对象，openDriver() 用来打开相机

CaptureActivityHandler: 处理所有的捕获的状态消息，在 initCamera()中，打开相机后，创建该对象，根据描述，应该是传递消息的, 把需要解码的内容 传递给 然后 把结果返回到 CaptureActivity

DecodeThread: 处理最困难图像解析工作，包括解析和生成二维码的内容，和 DecodeHandler 搭档

DecodeHandler: 把扫码结果返回给 CaptureActivityHandler。

ViewfinderView：自定义的扫描界面，如果想绘制自己想要的扫描效果，可以在这里动手👋

大致是这样子的，从 CaptureActivity 入手，一点点看，就会明白是怎么回事，写不明白的感觉。大家 也可以看 我这里实现的 DEMO ， 里面相应的都给注释了下。Github: https://github.com/ghhf/MyZxing

二、修改UI, 修改扫描页面

大致的流程清楚后，首先来最简单的，把扫描的界面绘制成我们想要的样子.

首先，把屏幕方向改为竖屏，相应地 相机扫描方向也要旋转，
在 CameraManager 中 getFramingRectInPreview() 修改：

      rect.left = rect.left * cameraResolution.y / screenResolution.x;
      rect.right = rect.right * cameraResolution.y / screenResolution.x;
      rect.top = rect.top * cameraResolution.x / screenResolution.y;
      rect.bottom = rect.bottom * cameraResolution.x / screenResolution.y;

然后，在 DecodeHandler 里面 decode() 中添加：

// 旋转摄像头扫描方向后 处理 可以扫描二维码 也可以扫描条形码
    byte[] rotatedData = new byte[data.length];
    for (int y = 0; y < height; y++) {
   
      for (int x = 0; x < width; x++)
        rotatedData[x * height + height - y - 1] = data[x + y * width];
    }
    int tmp = width;
    width = height;
    height = tmp;
    data = rotatedData;

    PlanarYUVLuminanceSource source = activity.getCameraManager().buildLuminanceSource(data, width, height);

我们想要的其实是一个正方形的扫描框，然后，调整 ViewfinderView 绘制扫描框预览界面，具体的可以在 ViewfinderView 的 onDraw() 方法中实现，

Rect frame = cameraManager.getFramingRect();

想要绘制正方形，getFramingRect() 获取的预览界面宽高，可以设置成一样的，均使用屏幕的宽来设置

 int width = findDesiredDimensionInRange(screenResolution.x, MIN_FRAME_WIDTH, MAX_FRAME_WIDTH);
      int height = findDesiredDimensionInRange(screenResolution.x, MIN_FRAME_WIDTH, MAX_FRAME_WIDTH);
//      int height = findDesiredDimensionInRange(screenResolution.y, MIN_FRAME_HEIGHT, MAX_FRAME_HEIGHT);

绘制四个角

 //画扫描框边上的角，总共8个部分
            paint.setColor(getResources().getColor(R.color.result_view));
            canvas.drawRect(frame.left, frame.top, frame.left + ScreenRate, frame.top + CORNER_WIDTH, paint);
            canvas.drawRect(frame.left, frame.top, frame