使用Qt实现简单绘图板：鼠标绘制与擦除功能详解

drawing::drawing(QWidget *parent) : QWidget(parent)
{
    Lable = new QLabel(this);
    Lable->setGeometry(0, 0, 800, 600);
    image = QImage(800, 600, QImage::Format_ARGB32);
    image.fill(Qt::white);
    Lable->setPixmap(QPixmap::fromImage(image));
    Lable->setScaledContents(true);
    Lable->show();
}

关键点解析：

画布创建 ：使用QImage创建800×600像素的ARGB32格式图像，这种格式支持透明通道
初始填充 ：image.fill(Qt::white)将画布初始化为白色背景
显示设置 ：通过QPixmap::fromImage()将QImage转换为QPixmap显示在QLabel上
缩放适应 ：setScaledContents(true)确保图像适应QLabel大小

四、鼠标事件处理机制

4.1 鼠标按下事件

复制代码

void drawing::mousePressEvent(QMouseEvent *m)
{
    QPoint pt = m->pos();
    
    if(m->button() == Qt::LeftButton)
    {
        isdrawing = true;
        iserasing = false;
        drawpoint(pt);
    }
    else if(m->button() == Qt::RightButton)
    {
        isdrawing = false;
        iserasing = true;
        deletepoint(pt);
    }
}

实现逻辑：

左键按下：进入绘制模式，在点击位置绘制红色点
右键按下：进入擦除模式，在点击位置绘制白色点（模拟擦除）

4.2 鼠标移动事件

复制代码

void drawing::mouseMoveEvent(QMouseEvent *m)
{
    if(isdrawing == true && (m->buttons() == Qt::LeftButton))
    {
        QPoint currentpoint = m->pos();
        drawlinetopoint(currentpoint);
    }
    else if(iserasing == true && (m->buttons() == Qt::RightButton))
    {
        QPoint currentpoint = m->pos();
        deletelinepoint(currentpoint);
    }
}

关键特性：

检测鼠标按钮状态(m->buttons())，确保只有按下时拖动才有效
实现连续绘制/擦除效果，而不是离散的点

五、绘图与擦除功能实现

5.1 绘制点功能

复制代码

void drawing::drawpoint(QPoint pt)
{
    QPainter painter(&image);
    lastpoint = pt;
    
    if(!painter.isActive())
    {
        qDebug() << "painter没有激活";
        return;
    }
    
    painter.setPen(QPen(Qt::red, 5, Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin));
    painter.setBrush(QBrush(Qt::red));
    painter.drawEllipse(pt, 3, 3);
    
    Lable->setPixmap(QPixmap::fromImage(image));
}

画笔设置详解：

QPen(Qt::red, 5, Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin)
- 颜色：红色
- 宽度：5像素
- 线型：实线
- 端点样式：圆形端点(RoundCap)
- 连接样式：圆形连接(RoundJoin)

5.2 绘制连线功能

复制代码

void drawing::drawlinetopoint(QPoint pt)
{
    QPainter painter(&image);
    
    if(!painter.isActive()) return;
    
    painter.setPen(QPen(Qt::red, 5, Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin));
    painter.setBrush(QBrush(Qt::red));
    painter.drawLine(lastpoint, pt);
    
    Lable->setPixmap(QPixmap::fromImage(image));
    lastpoint = pt;  // 更新最后一个点
}

重要技巧： 通过保存lastpoint并在每次移动时绘制从上一点到当前点的线段，实现平滑的线条绘制。

5.3 擦除功能实现

擦除功能的实现原理与绘制类似，只是使用白色画笔覆盖原有内容：

复制代码

void drawing::deletepoint(QPoint pt)
{
    QPainter painter(&image);
    if(!painter.isActive())
    {
        qDebug() << "painter没有激活";
        return;
    }
    painter.setPen(QPen(Qt::white, 5, Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin));

    painter.setBrush(QBrush(Qt::white));
    painter.drawEllipse(pt, 5, 5);

    Lable->setPixmap(QPixmap::fromImage(image));
}

注意： 这种擦除方式实际上是"覆盖"而非真正的擦除，在非白色背景上会有问题。

六、程序优化建议

6.1 当前实现的问题

性能问题：每次绘制都更新整个图像并重绘QLabel，频繁操作可能影响性能
擦除局限性：白色画笔擦除只适用于白色背景
缺少功能：如撤销/重做、颜色选择、画笔粗细调整等

6.2 优化方案

方案1：双缓冲技术

复制代码

// 使用双缓冲减少闪烁
void drawing::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    painter.drawImage(0, 0, image);
}

方案2：改进擦除功能

复制代码

// 使用透明色或合成模式实现真正擦除
painter.setCompositionMode(QPainter::CompositionMode_Clear);

方案3：添加撤销功能

复制代码

// 使用QStack保存历史状态
QStack<QImage> historyStack;
void drawing::saveState()
{
    historyStack.push(image.copy());
}

七、扩展功能思路

颜色选择器：添加QColorDialog让用户选择画笔颜色
画笔设置：添加QSlider调整画笔粗细
形状绘制：支持矩形、圆形等几何图形
保存/加载：实现图像保存为文件功能
图层系统：支持多层绘图

八、总结

通过这个简单的Qt绘图板实现，我们学习了：

Qt的基本绘图机制和QPainter的使用
鼠标事件的处理和状态管理
QImage作为绘图画布的应用
实时图像更新的方法

这个示例虽然基础，但包含了图形应用程序的核心要素，为进一步开发更复杂的绘图工具奠定了基础。

进一步学习建议：

研究QGraphicsView/QGraphicsScene框架，适合复杂绘图应用
学习OpenGL集成，实现高性能绘图
探索Qt的动画框架，为绘图添加动态效果

通过不断扩展和完善，可以基于这个基础框架开发出功能丰富的专业绘图应用程序。