【小沐学qt】生成二维码

目录

一、功能简介

二、本地生成二维码

1.第三方库Libqrencode

2.编写Qt程序代码,生成本地二维码

三、在线生成二维码

1.浏览器chrome

2.Google API

3.搜狐视频 API

4.qrserver API

5.编写Qt程序代码,生成在线二维码

后续


一、功能简介

          QR码(全称为快速响应矩阵码;英语:Quick Response Code)是二维条码的一种,于1994年由日本DENSO WAVE公司发明。QR来自英文Quick Response的缩写,即快速反应,因为发明者希望QR码可以让其内容快速被解码。QR码使用四种标准化编码模式(数字,字母数字,字节(二进制)和汉字)来存储数据。QR码最常见于日本,为目前日本最流行的二维空间条码。QR码比较普通条码可以存储更多数据,也无需要像普通条码般在扫描时需要直线对准扫描仪。因此其应用范围已经扩展到包括产品跟踪,物品识别,文档管理,营销等方面。

【小沐学qt】生成二维码_第1张图片

【小沐学qt】生成二维码_第2张图片

二、本地生成二维码

1.第三方库Libqrencode

官网:https://fukuchi.org/works/qrencode/

Libqrencode 是一个快速紧凑的库,用于在 QR 码符号中编码数据,这是一个 2D 符号系统,可由方便的终端(如带 CCD 的手机)进行扫描。QR 码容量高达 7000 位或 4000 个字符,具有很高的鲁棒性。

Libqrencode 接受一个字符串或数据块列表,然后在 QR Code 符号中编码为位图数组。当其他 QR 码应用程序生成图像文件时,使用 libqrencode 允许应用程序直接从原始位图数据中呈现 QR 码符号。此库还包含命令行实用程序输出各种格式的 QR 码图像。

去官网下载源码包,使用最新的稳定版本qrencode-4.1.0,新建一个Qt Widgets Application工程qrcodeDemo,然后执行以下步骤:

  1. 将源码中的config.h.in文件修改成config.h;
  2. 将qrencode源码中的(*.h  *.c)加入到工程中(右键添加现有文件);
  3. 在工程的pro文件中添加宏定义DEFINES += HAVE_CONFIG_H;
  4. 在config.h中重新定义 MAJOR_VERSION、MICRO_VERSION、MINOR_VERSION、VERSION,重新定义的方法:找到#undef MAJOR_VERSION位置,在其下面定义#define MAJOR_VERSION 1,其他几个也这么定义;

【小沐学qt】生成二维码_第3张图片

2.编写Qt程序代码,生成本地二维码

(1)新建Qt项目工程

【小沐学qt】生成二维码_第4张图片

 (2)将第三方库的代码复制到一个文件夹里,放到上一步新建的项目文件夹里。

【小沐学qt】生成二维码_第5张图片

【小沐学qt】生成二维码_第6张图片

 (3)项目文件.pro 添加设置

DEFINES += HAVE_CONFIG_H
INCLUDEPATH += qrcode

(4)主窗口里添加头文件引用

#include 
#include "qrcode/qrencode.h"

(5)核心代码如下:

void MainWindow::on_pushButton_local_clicked()
{
    QString strUrl = ui->textEdit_url->toPlainText();

    QRcode *qrcode;
    qrcode = QRcode_encodeString(strUrl.toStdString().c_str(), 2, QR_ECLEVEL_Q, QR_MODE_8, 1);

    qint32 temp_width = 500;
    qint32 temp_height = 500;
    qDebug() << "temp_width=" << temp_width << ";temp_height=" << temp_height;

    qint32 qrcode_width = qrcode->width > 0 ? qrcode->width : 1;
    double scale_x = (double)temp_width / (double)qrcode_width;
    double scale_y = (double)temp_height / (double)qrcode_width;

    int offset = 14;
    QImage mainimg = QImage(temp_width + offset * 2, temp_height + offset * 2, QImage::Format_ARGB32);
    QPainter painter(&mainimg);
    QColor background(Qt::white);
    painter.setBrush(background);
    painter.setPen(Qt::NoPen);
    painter.drawRect(offset, offset, temp_width, temp_height);
    QColor foreground(Qt::black);
    painter.setBrush(foreground);

    for (qint32 y = 0; y < qrcode_width; y++)
    {
        for (qint32 x = 0; x < qrcode_width; x++)
        {
            unsigned char b = qrcode->data[y*qrcode_width + x];
            if (b & 0x01)
            {
                QRectF r(offset + x * scale_x, offset + y * scale_y, scale_x, scale_y);
                painter.drawRects(&r, 1);
            }
        }
    }

    painter.setPen( QColor(0, 0, 255));
    painter.drawText(temp_width/2, temp_height+offset*2-2, strUrl);
    QPixmap mainmap = QPixmap::fromImage(mainimg);

    QLabel* m_pQrlabel = new QLabel();
    m_pQrlabel->setWindowFlags(Qt::WindowCloseButtonHint);
    m_pQrlabel->setAttribute(Qt::WA_QuitOnClose, false);
    m_pQrlabel->setPixmap(mainmap);
    m_pQrlabel->setVisible(true);
    m_pQrlabel->setToolTip(strUrl);
    m_pQrlabel->setWindowTitle("本地生成二维码:" + strUrl);

    mainmap.save(QCoreApplication::applicationDirPath() + "\\qrcode_local.jpg",Q_NULLPTR, 100);
}

(6)运行结果显示如下:

【小沐学qt】生成二维码_第7张图片

三、在线生成二维码

1.浏览器chrome

谷歌浏览器chrome自身支持生成二维码了。不需要额外安装插件,已测试。

2.Google API

https://chart.googleapis.com/chart?cht=qr&chs=500x500&choe=UTF-8&chld=L|4&chl=http://192.168.1.88

 Google Chart提供了很多在线生成统计图的API,例如饼图、柱状图等等,这里介绍它的二维码的生成的API和参数设置等内容。

Google二维码文档地址:
https://developers.google.com/chart/infographics/docs/qr_codes

相关API请求参数说明如下:

  • https://chart.googleapis.com/chart? 这是Google Chart API的头部,直接照抄就好了~
  • &cht=qr 这是说图表类型为qr也就是二维码。
  • &chs=200×200 这是说生成图片尺寸为200×200,是宽x高。这并不是生成图片的真实尺寸,应该是最大尺寸吧。
  • &choe=UTF-8 这是说内容的编码格式为UTF-8,此值默认为UTF-8.其他的编码格式请参考Google API文档。
  • &chld=L|4 L代表默认纠错水平; 4代表二维码边界空白大小,可自行调节。具体参数请参考Google API文档。
  • &chl=XXXX 这是QR内容,也就是解码后看到的信息。包含中文时请使用UTF-8编码汉字,否则将出现问题。

【小沐学qt】生成二维码_第8张图片

3.搜狐视频 API

https://my.tv.sohu.com/user/a/wvideo/getQRCode.do?text=http://192.168.1.88&width=500&height=500

width:图片宽
height:图片高

【小沐学qt】生成二维码_第9张图片

4.qrserver API

https://api.qrserver.com/v1/create-qr-code/?size=200×200&margin=10&data=http://192.168.1.88

size: 尺寸大小
margin: 边框大小,范围0-50

【小沐学qt】生成二维码_第10张图片

5.编写Qt程序代码,生成在线二维码

(1)新建qt项目

【小沐学qt】生成二维码_第11张图片

 (2)添加界面控件,以及对应的信号事件

【小沐学qt】生成二维码_第12张图片

(3)项目文件.pro 添加设置

增加network模块的依赖。

QT       += core gui network

 (4)头文件添加引用文件

#include 
#include 
#include 
#include 

 (5)根据在线API生成二维码的核心代码

void MainWindow::on_pushButton_online_clicked()
{
   m_strUrl = "https://my.tv.sohu.com/user/a/wvideo/getQRCode.do?width=500&height=500&text=";
   m_strUrl += ui->textEdit_url->toPlainText();

   if(m_manager != nullptr)
      m_manager = new QNetworkAccessManager(this);

   QNetworkRequest request;
   request.setUrl(QUrl(m_strUrl));
   connect(m_manager, SIGNAL(finished(QNetworkReply *)), this, SLOT(replyHttpFinished(QNetworkReply *)));
   m_manager->get(request);

   qDebug() << tr("start qrcode.") ;
}

void MainWindow::replyHttpFinished(QNetworkReply *reply)
{
     qDebug() << tr("replyHttpFinished:") << reply->error();

    if (reply->error() == QNetworkReply::NoError)
    {
        QLabel* m_pQrlabel = new QLabel();
        m_pQrlabel->setWindowFlags(Qt::WindowCloseButtonHint);
        m_pQrlabel->setAttribute(Qt::WA_QuitOnClose, false);
        m_pQrlabel->setVisible(true);
        m_pQrlabel->setToolTip(m_strUrl);
        m_pQrlabel->setWindowTitle(m_strUrl);

        QByteArray bytes = reply->readAll();
        QPixmap pixmap;
        pixmap.loadFromData(bytes);
        m_pQrlabel->setPixmap(pixmap);
        m_pQrlabel->setFixedSize(500, 500);
        pixmap.save(QCoreApplication::applicationDirPath() + "\\qrcode_online.jpg", Q_NULLPTR, 100);

        qDebug() << tr("create qrcode success.") ;
    }
    else
    {
        qDebug() << tr("create qrcode failed.") ;
    }
}

(6)显示结果

【小沐学qt】生成二维码_第13张图片

 (7)代码编译问题汇总

(a)问题1:QNetworkAccessManager no such file;Qt包含文件不存在问题?

工程文件.pro中添加如下代码: 

QT += network

 主窗口中添加头文件引用:

#include 

 在项目上右键执行qmake后,直接#include 就不会报错了。
qmake可以进行Makefile生成,所以修改了pro文件后需要用该操作处理,或者直接重新构建。

【小沐学qt】生成二维码_第14张图片

(b)问题2:解决qt5.9 +vs2017 qt.network.ssl: QSslSocket: cannot call unresolved function SSLv23_client_method?

登录网站https://indy.fulgan.com/SSL/下载 openssl-1.0.2i-x64_86-win64.zip,解压后把libeay32.dll和ssleay32.dll库复制到C:\Qt\Qt5.9.2\5.9\msvc2017_64\bin下。

【小沐学qt】生成二维码_第15张图片

或者在ssl官网下载安装包,运行安装。

 http://slproweb.com/products/Win32OpenSSL.html

【小沐学qt】生成二维码_第16张图片

 上文中相关Qt代码请见如下地址:

https://download.csdn.net/download/hhy321/22470366

结语

 `如果您觉得该方法或代码有一点点用处,可以给作者点个赞,或打赏杯咖啡;`╮( ̄▽ ̄)╭
 `如果您感觉方法或代码不咋地`//(ㄒoㄒ)//`,就在评论处留言,作者继续改进;`o_O???
 `如果您需要相关功能的代码定制化开发,可以留言私信作者;`(✿◡‿◡)
 `感谢各位童鞋们的支持!`( ´ ▽´ )ノ ( ´ ▽´)っ!!!

你可能感兴趣的:(Qt,qt,开发语言)