HarmonyOS zxing二维码

请参考示例如下：首先安装三方库。

ohpm install @ohos/zxing 
1.

QrCodePage.ets

import { BarcodeFormat } from '@ohos/zxing';
import QRCode from './QRCode'
import image from '@ohos.multimedia.image'

@Entry
@ComponentV2
struct QrCodePage {
  @Local pixelMap: image.PixelMap | undefined = undefined
  @Local message: string = ''
  @Local inputText: string = ''
  qrcode = new QRCode()

  async encode() {
    this.pixelMap = await this.qrcode.encode(this.inputText, {
      width: 260,
      height: 260,
      format: BarcodeFormat.QR_CODE
    })
  }

  async decode() {
    try {
      this.message = await this.qrcode.decode(this.pixelMap as image.PixelMap, {
        width: 260,
        height: 260,
        format: BarcodeFormat.QR_CODE
      })
    } catch (err) {
      console.log('[Demo] decode error:' + JSON.stringify(err));
    }
  }

  build() {
    Column() {
      if (this.pixelMap) {
        Image(this.pixelMap).width(260).height(260).margin(30)
      }
      Text('解析结果：' + this.message).fontSize(14)
      TextInput({ placeholder: 'input your word', text: this.inputText })
        .height(60)
        .border({ width: 5, color: Color.Red })
        .placeholderColor(Color.Blue)
        .placeholderFont({
          size: 20,
          weight: FontWeight.Normal,
          family: "sans-serif",
          style: FontStyle.Italic
        })
        .caretColor(Color.Blue)
        .enterKeyType(EnterKeyType.Search)
        .onChange((value: string) => {
          this.inputText = value
        })
      Button('生成二维码').fontSize(25).width(300).margin(20).onClick(() => this.encode())
      Button('解析二维码').fontSize(25).width(300).margin(20).onClick(() => this.decode())
    }

  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.

QRCode.ets

import {
  BarcodeFormat,
  MultiFormatWriter,
  BitMatrix,
  ZXingStringEncoding,
  EncodeHintType,
  MultiFormatReader,
  DecodeHintType,
  RGBLuminanceSource,
  BinaryBitmap,
  HybridBinarizer
} from '@ohos/zxing';
import image from '@ohos.multimedia.image';
import { getMatrixPixelData } from './imageUtils'

export default class QRCode {
  constructor() {
  }

  private typedArrayToBuffer(array: Uint32Array): ArrayBuffer {
    return array.buffer.slice(array.byteOffset, array.byteLength + array.byteOffset)
  }

  async encode(content: string, params: Params): Promise<image.PixelMap> {
    const width = params.width
    const height = params.height
    const format = params.format ? params.format : BarcodeFormat.QR_CODE
    const encodeHintTypeMap: Map<EncodeHintType, number> = new Map();
    // 设置二维码空白的宽度
    encodeHintTypeMap.set(EncodeHintType.MARGIN, 0);
    const writer: MultiFormatWriter = new MultiFormatWriter();
    let matrix: BitMatrix = writer.encode(content, format, width, height, encodeHintTypeMap);
    const PixelData = getMatrixPixelData(matrix, matrix.getWidth(), matrix.getHeight())
    return await image.createPixelMap(this.typedArrayToBuffer(PixelData), {
      size: {
        width, height
      }
    })
  }

  async decode(image: image.PixelMap, params: Params): Promise<string> {
    const width = params.width
    const height = params.height
    const format = params.format ? params.format : BarcodeFormat.QR_CODE
    let num = image.getPixelBytesNumber()
    let arrayBuffer: ArrayBuffer = new ArrayBuffer(num);
    await image.readPixelsToBuffer(arrayBuffer)
    const int32Array = new Int32Array(arrayBuffer)
    const luminanceSource = new RGBLuminanceSource(int32Array, width, height)
    const binaryBitmap = new BinaryBitmap(new HybridBinarizer(luminanceSource))
    const reader = new MultiFormatReader()
    const hints: Map<DecodeHintType, Array<BarcodeFormat>> = new Map();

    hints.set(DecodeHintType.POSSIBLE_FORMATS, [format]);
    reader.setHints(hints);
    let result = reader.decode(binaryBitmap);
    let text = result.getText();
    return text;
  }
}

interface Params {
  width: number,
  height: number,
  format?: BarcodeFormat
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.

imageUtils.ets

import image from '@ohos.multimedia.image';
import ability_featureability from '@ohos.ability.featureAbility'
import { BitMatrix } from '@ohos/zxing';

interface loadLocalImageBufferResult {
  pixelMap: PixelMap
  int32Array: Int32Array
}

export function createEmptyPixelMap(): Promise<PixelMap> {
  let initializationOpts: image.InitializationOptions = {
    "alphaType": 1,
    "editable": true,
    "pixelFormat": 3,
    "scaleMode": 1,
    "size": { "width": 1, "height": 1 },
  };
  return image.createPixelMap(new ArrayBuffer(1), initializationOpts)
}

export function getPixelMap(buffer: ArrayBuffer, width: number, height: number): Promise<PixelMap> {
  return new Promise<PixelMap>((resolve, reject) => {
    // 配置创建PixelMap的参数
    let initializationOpts: image.InitializationOptions = {
      "alphaType": 1,
      "editable": true,
      "pixelFormat": 3,
      "scaleMode": 1,
      "size": { "width": width, "height": height },
    };

    // 根据二维码图片数据创建PixelMap
    image.createPixelMap(buffer, initializationOpts, (err, data) => {
      if (err) {
        console.error(TAG + 'getPixelMap error code is  ' + err.code);
        console.error(TAG + 'getPixelMap error msg is ' + err.message);
      } else {
        // 读取新创建的PixelMap
        let pixelBytesNumber = data.getPixelBytesNumber()
        console.error(TAG + 'getPixelMap pixelBytesNumber ' + pixelBytesNumber);
        console.error(TAG + 'getPixelMap Succeed');
        resolve(data)
      }
    });
  })
}

export function getPixelMapInt32ArrayData(pixelMap: PixelMap): Promise<Int32Array> {
  return new Promise<Int32Array>((resolve, reject) => {
    // 读取新创建的PixelMap
    let pixelBytesNumber: number = pixelMap.getPixelBytesNumber()
    console.error(TAG + 'getPixelMapInt32ArrayData pixelBytesNumber: ' + pixelBytesNumber);
    let readPixelsToBuffer = new ArrayBuffer(pixelBytesNumber);
    let readPixelsToUnit8Arr: Int32Array = new Int32Array(readPixelsToBuffer);
    pixelMap.readPixelsToBuffer(readPixelsToBuffer, (InfoErr, InfoData) => {
      if (InfoErr) {
        console.error(TAG + 'getPixelMapInt32ArrayData error code is  ' + InfoErr.code);
        console.error(TAG + 'getPixelMapInt32ArrayData error msg is ' + InfoErr.message);
      } else {
        console.log(TAG + 'getPixelMapInt32ArrayData success');
        console.log(TAG + 'getPixelMapInt32ArrayData readPixelsToUnit8Arr size:' + readPixelsToUnit8Arr.length);
        console.log(TAG + 'getPixelMapInt32ArrayData readPixelsToUnit8Arr:' + JSON.stringify(readPixelsToUnit8Arr));
        resolve(readPixelsToUnit8Arr);
      }
    });
  })
}
export function getMatrixPixelData(matrix: BitMatrix, width: number, height: number) {
  const BLACK = 0xFF000000;
  const WHITE = 0xFFFFFFFF;
  const pixels = new Uint32Array(width * height);
  for (let y = 0; y < height; y++) {
    let offset = y * width;
    for (let x = 0; x < width; x++) {
      pixels[offset + x] = matrix.get(x, y) ? BLACK : WHITE;
    }
  }
  return pixels;
}

let TAG = "imageUtils-----------------------";
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.