autojs识别二维码

牙叔教程简单易懂

识别本地二维码效果

在这里插入图片描述

环境

手机: Mi 11 Pro

Android版本: 12

Autojs版本: 9.1.7

相机扫描二维码常见问题

相机预览画面, 存在拉伸和扭曲现象
maxImages (2) has already been acquired, call #close before acquiri
从相机获取的二维码不在图片中间, 可能只有一小部分二维码

相机预览画面, 存在拉伸和扭曲现象

这个问题之前写过一个教程, 参考

autojs-camera2-自动对焦且无拉伸变形

https://www.yuque.com/yashujs/bfug6u/yv4ycv

maxImages (2) has already been acquired

这是因为相机保存的图片是有上限的, 一般设为2张, 好手机可以到10张, 图片太多, app就崩掉了,

所以处理完图片之后, 要关闭图片, 释放图片资源

从相机获取的二维码不在图片中间, 可能只有一小部分二维码

相机扫描二维码需要有两个surface,

一个负责显示到屏幕上给用户看,

一个负责转成bitmap给二维码模块识别,

这里就会发生坐标的问题, 你猜有几个坐标?

首先, 相机拍摄画面, 算一个坐标;

拍摄画面投射给surface又是一个坐标,

surface上图片显示区域又是一个坐标,

你识别二维码, 你希望二维码放到图片中间, 多余的部分裁剪掉, 这又是一个坐标,

裁剪之前, 你需要通过平移, 让二维码居中, 又要计算坐标;

虽然不是说要100%搞懂他们之间的关系, 但是你至少要搞懂50%,

否则, 相机扫描二维码识别, 恐怕你写不出来

关键代码

1: 二维码识别出来之后, 把识别结果抛给主线程, 这是通过广播来实现的

events.broadcast.emit("qrCodeRecognitionResults", qrCodeRecognitionResults);
events.broadcast.on("qrCodeRecognitionResults", function (result) {
  if (result) {
    setClip(result);
    toastLog("已复制到剪贴板");
    ui.recognitionResults.setText("" + result);
  }
});

2: 识别bitmap的二维码

function identifyQrCode(bmp) {
  var pixels = util.java.array("int", bmp.getWidth() * bmp.getHeight());
  bmp.getPixels(pixels, 0, bmp.getWidth(), 0, 0, bmp.getWidth(), bmp.getHeight());
  var binaryBitmap = new BinaryBitmap(
    new HybridBinarizer(new RGBLuminanceSource(bmp.getWidth(), bmp.getHeight(), pixels))
  );
  var qrCodeResult = new MultiFormatReader().decode(binaryBitmap);
  var result = qrCodeResult.getText().toString();
  return result;
}

3: 选择本地文件

activity.getEventEmitter().on("activity_result", (requestCode, resultCode, data) => {
  if (requestCode == imgRequestCode) {
    if (resultCode == activity.RESULT_OK) {
      let uri = data.getData();
      let path = uri.getPath();
      let decodePath = decodeURIComponent(path);
      path = decodePath.match(/(\/storage\/emulated\/0\/|\/sdcard\/)(.*)/);
    }
  }
});
ui.selectFile.click(function () {
  ui.selectFile.setEnabled(false);
  intent = new Intent(Intent.ACTION_PICK, android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
  activity.startActivityForResult(intent, imgRequestCode);
  setTimeout(() => {
    ui.selectFile.setEnabled(true);
  }, 2000);
});

4: 相机界面

ui.layout(
  <frame fitsSystemWindows="false" id="parentView">
    <Camera2View id="camera2_view" layout_width="match_parent" layout_height="match_parent" />
    <canvas id="board" w="*" h="*"></canvas>
  </frame>
);

5: 相机界面动画

board.on("draw", (canvas) => {
  canvas.drawColor(android.graphics.Color.TRANSPARENT, android.graphics.PorterDuff.Mode.CLEAR);
  canvas.clipPath(path);
  canvas.drawLine(line.x1, line.y, line.x2, line.y, paint);
});
addAnimationTimer();
function addAnimationTimer() {
  var valueAnimator = android.animation.ValueAnimator.ofFloat(circle.y - radius - 66, circle.y + radius + 66);
  valueAnimator.setDuration(3000);
  valueAnimator.addUpdateListener(
    new android.animation.ValueAnimator.AnimatorUpdateListener({
      onAnimationUpdate: function (valueAnimator) {
        line.y = valueAnimator.getAnimatedValue();
      },
    })
  );
  valueAnimator.setRepeatCount(android.animation.ValueAnimator.INFINITE);
  valueAnimator.start();
  events.on("exit", function () {
    valueAnimator.removeAllListeners();
  });
}

6: 解决camera2拉伸变形

let scale = mPreViewSize.getWidth() / viewHeight;
viewWidth *= scale;
viewHeight *= scale;
let matrix = new Matrix();
let viewRect = new RectF(0, 0, viewWidth, viewHeight);
let bufferRect = new RectF(0, 0, mPreViewSize.getHeight(), mPreViewSize.getWidth());
matrix.setRectToRect(viewRect, bufferRect, Matrix.ScaleToFit.FILL);
let translateX = (mPreViewSize.getWidth() - mTextureView.getHeight()) / 2;
matrix.postTranslate(-translateX, 0);
mTextureView.setTransform(matrix);

7: 获取二维码图片时, 让二维码居中

let matrix = new Matrix();
matrix.postRotate(90, bitmap.getWidth() / 2, bitmap.getHeight() / 2);
let translateX = (mPreViewSize.getWidth() - newBitmap.getWidth()) / 2;
let translateY = (mPreViewSize.getHeight() - newBitmap.getHeight()) / 2;
matrix.postTranslate(-translateX, -translateY);
canvas.drawBitmap(bitmap, matrix, paint);

8: 及时释放资源

bitmap.recycle();
newBitmap.recycle();
img.recycle();

events.on("exit", function () {
  mThreadHandler.quit();
  bitmapArr.map(function (item) {
    item && !item.isRecycled() && item.recycle();
  });
  bitmapArr = [];
  imgArr.map(function (item) {
    item && !item.isRecycled() && item.recycle();
  });
  imgArr = [];
  mHandler.removeCallbacksAndMessages(null);
});

9: 加个Processing用于记录处理图片的数量, 多了不干, 当然图片处理完之后要Processing–

onImageAvaiableListener = new android.media.ImageReader.OnImageAvailableListener({
  onImageAvailable: function (imageReader) {
    if (Processing > Math.min(1, imageReader.getMaxImages())) {
    } else {
      Processing++;
      mHandler.post(new ImageSaver(imageReader.acquireNextImage()));
    }
  },
});

tip

如果二维码识别不了, 可以试试opencv的自适应阈值

名人名言

思路是最重要的, 其他的百度, bing, stackoverflow, github, 安卓文档, autojs文档, 最后才是群里问问
— 牙叔教程

声明

部分内容来自网络
本教程仅用于学习, 禁止用于其他用途

bilibili

牙叔教程

微信公众号牙叔教程