Qt绘制图形随机验证码（paintEvent）

目录

一、效果图

二、开发环境

三、实现

最后

一、效果图

先上图：

二、开发环境

开发环境使用的是Qt5.5.1_mingw版本，主要是使用重绘事件进行实现的。

三、实现

1.用一个QStringList来记录验证码的生成范围，这个范围可以根据自己的需求修改：

m_vCodeRange << "2" << "3" << "4" << "5" << "6" << "7" << "8" << "9"
                 << "a" << "b" << "c" << "d" << "e" << "f" << "g" << "h"
                 << "2" << "3" << "4" << "5" << "6" << "7" << "8" << "9"
                 << "i" << "j" << "k" << "m" << "n" << "o" << "p" << "q"
                 << "2" << "3" << "4" << "5" << "6" << "7" << "8" << "9"
                 << "r" << "s" << "t" << "u" << "v" << "w" << "x" << "y"
                 << "2" << "3" << "4" << "5" << "6" << "7" << "8" << "9"
                 << "z" << "A" << "B" << "C" << "D" << "E" << "F" << "G"
                 << "2" << "3" << "4" << "5" << "6" << "7" << "8" << "9"
                 << "H" << "I" << "J" << "K" << "L" << "M" << "N" << "O"
                 << "2" << "3" << "4" << "5" << "6" << "7" << "8" << "9"
                 << "P" << "Q" << "R" << "S" << "T" << "U" << "V" << "W"
                 << "2" << "3" << "4" << "5" << "6" << "7" << "8" << "9"
                 << "X" << "Y" << "Z" ;

2.再用一个QStringList来记录可用颜色的范围，也是可以根据自己的需求修改：

m_vCodeColor << Qt::darkRed << Qt::darkGreen << Qt::darkBlue << Qt::darkCyan
                 << Qt::darkMagenta << Qt::darkYellow << Qt::darkGray;

3.验证码的文字还需要有旋转的角度，可以是顺时针也可以是逆时针的，写一个随机旋转角度的方法：

void MyTXCode::drawConversion(QPainter &painter)
{
    if (qrand() % 2)
    {
        // 顺时针旋转
        painter.rotate(qrand() % m_slopeRange);
    }
    else
    {
        // 逆时针旋转
        painter.rotate(-(qrand() % m_slopeRange));
    }

    // 随机大小
    painter.scale((qrand() % m_sizeRange + (100 - m_sizeRange)) / 100.0 ,
                  (qrand() % m_sizeRange + (100 - m_sizeRange)) / 100.0);
}

4.还需要花一些干扰的噪点：

void MyTXCode::drawHotPixel(QPainter &painter)
{
    painter.setPen(Qt::red);
    painter.setPen(Qt::DotLine);
    painter.setBrush(Qt::NoBrush);
    for (int i = 0; i < m_hotPixelCount; i++)
        painter.drawPoint(QPointF(qrand() % this->width(), qrand() % this->height()));
}

5.绘制外边框的那个虚线，可根据自己的需求改为实线，改个属性就行了：

void MyTXCode::drawOutline(QPainter &painter)
{
    painter.setPen(Qt::darkGreen);
    painter.setPen(Qt::DashLine);
    painter.setBrush(Qt::NoBrush);
    painter.drawRect(0, 0, this->width(), this->height());
}

6.然后就是用随机数生成值、颜色和角度，在paintEvent事件里进行绘制：

void MyTXCode::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing);
    painter.fillRect(event->rect(), QBrush(Qt::white));

    painter.translate(0, 0);
    painter.save();

    painter.translate(event->rect().center().x() - m_vCodePic.size() / 2 * 14, event->rect().center().y());
    for (int i = 0; i < m_vCodePic.size(); i++)
    {
        drawConversion(painter);
        drawVCode(painter, i);
        painter.translate(20, 0);
    }
    painter.restore();
    drawOutline(painter);
    drawHotPixel(painter);
}

---

最后

主要是提供一个思路，希望对您有帮助，样式方面可以根据自己的需求进行修改。

源码地址：https://download.csdn.net/download/qq_36129488/88098558