一 前言

最近需要實(shí)現(xiàn)一個(gè)使用二維碼進(jìn)行顯示的項(xiàng)目，記錄一下使用和實(shí)現(xiàn)過程，方便后面復(fù)習(xí)查看，也提供給大家進(jìn)行查考

二 開發(fā)環(huán)境

Arduino IDE

芯片 ESP32-WROOM

?所需環(huán)境的搭建可以參考我之前發(fā)布的文章

Arduino IDE 使用安裝以及ESP32庫(kù)的導(dǎo)入（離線）https://blog.csdn.net/herui_2/article/details/135296814?spm=1001.2014.3001.5502

三 所需庫(kù)

QRcode

Github 鏈接https://github.com/ricmoo/QRCode

首先先下載庫(kù)的壓縮包

首先先解壓我們的下載的壓縮包，找到src文件夾，里面的文件就是我們需要用到的文件

?將這兩個(gè)文件放到我們需要生成二維碼項(xiàng)目的文件夾里面即可

目錄如下圖所示，我們的項(xiàng)目就可以直接使用二維碼庫(kù)了。

U8g2

U8g2庫(kù)在我們的項(xiàng)目中直接安裝即可了

四 實(shí)現(xiàn)過程

避坑

一定不要采用雙拼色屏幕去做二維碼！！

一定不要采用雙拼色屏幕去做二維碼??！

一定不要采用雙拼色屏幕去做二維碼??！

因?yàn)殡p拼屏幕中間有條杠，二維碼顯示不完全；

效果

關(guān)于反顯二維碼

我在網(wǎng)上沒有找到相關(guān)資料，所以自己想了一下，我自己畫一個(gè)白色背景不就行了哈哈，結(jié)果還是舒適的，主要加了這段代碼，以及修改了二維碼的黑白反向

u8g2.drawBox(0, 0, 128, 64);? //畫箱

?代碼如下

// 顯示二維碼
void QR_Code() {
  // 二維碼
  QRCode qrcode;
  uint8_t qrcodeData[qrcode_getBufferSize(3)];
  qrcode_initText(&qrcode, qrcodeData, 3, ECC_LOW, "HX125458726");
  // start draw
  u8g2.firstPage();
  do {
    // get the draw starting point,128 and 64 is screen size
    uint8_t x0 = (128 - qrcode.size * 2) / 2;
    uint8_t y0 = (64 - qrcode.size * 2) / 2;
    // u8g2.setDrawColor(1); //
    u8g2.drawBox(0, 0, 128, 64);  //畫箱
    // get QR code pixels in a loop
    for (uint8_t y = 0; y < qrcode.size; y++) {
      for (uint8_t x = 0; x < qrcode.size; x++) {
        // Check this point is black or white
        if (qrcode_getModule(&qrcode, x, y)) {
          u8g2.setColorIndex(0);
        } else {
          u8g2.setColorIndex(1);
        }
        // Double the QR code pixels
        u8g2.drawPixel(x0 + x * 2, y0 + y * 2);
        u8g2.drawPixel(x0 + 1 + x * 2, y0 + y * 2);
        u8g2.drawPixel(x0 + x * 2, y0 + 1 + y * 2);
        u8g2.drawPixel(x0 + 1 + x * 2, y0 + 1 + y * 2);
      }
    }

  } while (u8g2.nextPage());
}

接口

?OLED顯示屏接口如下

代碼

?代碼編寫如下

#include <U8g2lib.h>
// OLED
#include <WiFi.h>
// 二維碼所需庫(kù)
#include "qrcode.h"
// 顯示屏 配置
#define SCL 22
#define SDA 21
U8G2_SSD1306_128X64_NONAME_F_SW_I2C u8g2(U8G2_R0, SCL, SDA, /*reset=*/U8X8_PIN_NONE);
char str[50];  //拼接字符使用

void setup() {  
  Serial.begin(9600);  // 啟動(dòng)串口通訊
  //OELD
  u8g2.begin();
  u8g2.setFont(u8g2_font_ncenB08_tr);  //設(shè)定字體
  QR_Code(); // 生成

}
// 顯示二維碼
void QR_Code() {
  // 二維碼
  QRCode qrcode;
  uint8_t qrcodeData[qrcode_getBufferSize(3)];
  qrcode_initText(&qrcode, qrcodeData, 3, ECC_LOW, "https://blog.csdn.net/herui_2?spm=1000.2115.3001.5343");
  // start draw
  u8g2.firstPage();
  do {
    // get the draw starting point,128 and 64 is screen size
    uint8_t x0 = (128 - qrcode.size * 2) / 2;
    uint8_t y0 = (64 - qrcode.size * 2) / 2;

    // get QR code pixels in a loop
    for (uint8_t y = 0; y < qrcode.size; y++) {
      for (uint8_t x = 0; x < qrcode.size; x++) {
        // Check this point is black or white
        if (qrcode_getModule(&qrcode, x, y)) {
          u8g2.setColorIndex(1);
        } else {
          u8g2.setColorIndex(0);
        }
        // Double the QR code pixels
        u8g2.drawPixel(x0 + x * 2, y0 + y * 2);
        u8g2.drawPixel(x0 + 1 + x * 2, y0 + y * 2);
        u8g2.drawPixel(x0 + x * 2, y0 + 1 + y * 2);
        u8g2.drawPixel(x0 + 1 + x * 2, y0 + 1 + y * 2);
      }
    }

  } while (u8g2.nextPage());
}

void loop() {


}

完整項(xiàng)目

鏈接：https://pan.baidu.com/s/1cfNZIBarf7X5ryMF7b8zbQ?pwd=XZY0
提取碼：XZY0