Qt實現字符串生成二維碼功能

Posted on by

前言

最近在整理開發項目中遇到的知識點，發現瞭一個特別有意思的功能：使用字符串生成二維碼操作。

下面是實現的效果圖

開發環境

WIN10環境 + VS2017 + Qt 5.14.2 64位開發環境

實現步驟

資源包數據

說實話我的開發環境還真是挺麻煩的~

想要使用Qt使用二維碼功能，必須要外加 "qrencode"庫。針對我目前用的環境使用cmake編譯瞭一個dll庫

編譯出來的文件包含瞭兩個：lib和src，如果跟我的開發環境不一致的，可以自行編譯，也是很快的（我發現camke真是一個好工具呀~）

配置屬性

1：頭文件設置

2：靜態庫設置

說明：根據上述三張圖片中紅色區域部分進行設置。

大傢可以發現我設置的時候都有一個相同點，全部使用瞭相對路徑。

一般多個人在做規模龐大的項目時，都會采用相對路徑，即使每個人將項目放到瞭不同磁盤，也不會發生數據讀取的問題。

說到瞭這裡，那麼我就接著來說一些關於配置的題外話吧~希望對你有幫助哦！

題外話：既然如此，我們生成的exe也會放到一個單獨的目錄中，假設我們叫做bin文件

在VS中默認生成的exe會根據是debug或者release環境生成到對應的文件夾中。當前要將兩個環境合並需要修改配置屬性中的常規操作

最後，也需要在代碼中設置，將exe的生成目錄設置成當前路徑，否則在程序中使用相對路徑時，無法找到對應文件！

QString qExePath = QCoreApplication::applicationDirPath();
QDir::setCurrent(qExePath);

這兩句話最好放到main.cpp中，讓整個項目生效。

二維碼操作

接下來便是我們的重頭戲瞭，如何使用字符串生成二維碼啦

1：創建QR操作類用於繪制QImage圖形

定義類：QORCodeOperation

#include <QPainter>
#include <xstring>
class CQRCodeOperation
{
public:
    CQRCodeOperation();
    ~CQRCodeOperation();
    QImage GeneratedGraphics(std::string sData, QSize nsize); //生成圖形
private:
    QPixmap m_imgIcon;
};

函數（GeneratedGraphics）

傳入指定的字符串以及二維碼的寬度高度，返回圖形的QImage值。

一般情況下我們會將QIamge賦值到QLable上展示。

參數（m_imgIcon）

QPximap類型的成員變量，主要是繪制圖形，在最開始的顯示效果生可以看出二維碼中間添加瞭一張圖片，主要用於顯示圖片的。

2：生成二維碼圖形QImage

2.1：定義QImage對象存儲生成內容

QImage image(nsize, QImage::Format_RGB32);
image.fill(QColor("#000000"));

QImage存儲根據設置的nsize大小的寬度高度構造一幅圖像，程序會自動根據圖像格式對齊數據，使用32位RGB格式的圖像(0xffrrggbb)

2.2：構造繪圖指針

QPainter painter(&image);
if (!painter.isActive())
{
	return image;
}

構造QPainter繪制指針，一般當傳入的QSize數據為0時，是無法進行後續操作的，也就是isActiva = false

2.3：根據字符串獲取QRcode類實例

QRcode *qrCode = QRcode_encodeString(sData.c_str(), 1, QR_ECLEVEL_L, QR_MODE_8, 1);

2.4：設置點畫刷以及背景畫刷

QColor colorForPoint("#FFB6C1");
QColor colorForBackground("#ffffff");

painter.setBrush(colorForBackground);
painter.setPen(Qt::NoPen);
painter.drawRect(0, 0, image.width(), image.height());

painter.setBrush(colorForPoint);

2.5：繪制圖形

const double &&s = (qrCode->width > 0) ? (qrCode->width) : (1);
const double &&aspect = image.width() / image.height();
const double &&scale = ((aspect > 1.0) ? image.height() : image.width()) / s;

for (int y = 0; y < s; ++y)
{
	const int &&yy = static_cast<int>(y * s);
	for (int x = 0; x < s; ++x)
	{
		const int &&xx = yy + x;
		const unsigned char &b = qrCode->data[xx];

		if (b & 0x01)
		{
			const double rx1 = x * scale, ry1 = y * scale;
			QRectF r(rx1, ry1, scale, scale);
			painter.drawRects(&r, 1);
		}
	}
}

這裡為瞭偷懶再判斷寬度值時采用瞭三目運算符操作。

2.6：釋放QRcode指針

QRcode_free(qrCode);

2.7：添加二維碼圖形

其實我們在中間展示的圖片比較小，直接覆蓋到二維碼上就可以瞭

painter.setRenderHint(QPainter::Antialiasing, true); //抗鋸齒
int nLeft = (nsize.width() - 30) / 2;
int nTop = (nsize.height() - 30) / 2;
QRect rectPng(nLeft, nTop,30,30);
painter.drawPixmap(rectPng, m_imgIcon);

2.8：結束繪制

painter.end();

到這裡具體的二維碼繪制已經完成瞭，對外我們隻需要返回存儲繪制數據的QImage就可以瞭。

3：二維碼函數調用

CQRCodeOperation dlg;
QImage img = dlg.GeneratedGraphics(sText, QSize(250, 250));
ui.labPng->setPixmap(QPixmap::fromImage(img));

總結

到這裡字符串生成二維碼功能就講解完成瞭，難度不是很大，隻要將環境配置成功就完成瞭一般的功能瞭，剩下的就是根據你的想法，想要如何展示瞭。

以上就是Qt實現字符串生成二維碼功能的詳細內容，更多關於Qt字符串生成二維碼的資料請關註WalkonNet其它相關文章！

推薦閱讀：