当前位置：首页 > news >正文

QT-绘画事件

news 2025/8/28 8:57:16

实现颜色的随时调整，追加橡皮擦功能

widget.h

#ifndef WIDGET_H
#define WIDGET_H#include <QWidget>
#include <QColor>
#include <QPoint>
#include <QVector>
#include <QMouseEvent>
#include <QPainter>
#include <QColorDialog>// 自定义 Line 类，存储线段的起点、终点、颜色和宽度
class Line {
public:Line(const QPoint& start, const QPoint& end, const QColor& color, int width): start(start), end(end), color(color), width(width) {}QPoint start;QPoint end;QColor color;int width;
};QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACEclass Widget : public QWidget
{Q_OBJECTpublic:Widget(QWidget *parent = nullptr);~Widget();protected:void paintEvent(QPaintEvent *event) override; // 重写绘图事件void mouseMoveEvent(QMouseEvent *event) override; // 重写鼠标移动事件void mousePressEvent(QMouseEvent *event) override; // 重写鼠标按下事件void mouseReleaseEvent(QMouseEvent *event) override; // 重写鼠标释放事件private slots:void on_pushButton_clicked(); // 打开调色板void on_pushButton_2_clicked(); // 设置宽度为1void on_pushButton_3_clicked(); // 设置宽度为5void on_pushButton_4_clicked(); // 设置宽度为10void on_pushButton_5_clicked(); // 切换到画笔模式void on_pushButton_6_clicked(); // 切换到橡皮擦模式private:Ui::Widget *ui;QVector<Line> lines; // 存储所有线段的容器QPoint start; // 线段起点QPoint end; // 线段终点QColor color; // 当前颜色int width; // 当前宽度bool isEraserMode; // 是否处于橡皮擦模式
};#endif // WIDGET_H

widget.cpp

#include "widget.h"
#include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);color = Qt::black; // 默认颜色width = 1; // 默认宽度isEraserMode = false; // 默认是画笔模式
}Widget::~Widget()
{delete ui;
}void Widget::paintEvent(QPaintEvent *event)
{QPainter painter(this);// 遍历所有线段并绘制for (const auto& line : lines) {QPen pen(line.color, line.width);painter.setPen(pen);painter.drawLine(line.start, line.end);}
}void Widget::mouseMoveEvent(QMouseEvent *event)
{if (event->buttons() & Qt::LeftButton) {end = event->pos();QColor currentColor = isEraserMode ? Qt::white : color; // 橡皮擦模式下使用背景颜色lines.append(Line(start, end, currentColor, width)); // 保存线段信息start = end;update(); // 触发重绘}
}void Widget::mousePressEvent(QMouseEvent *event)
{if (event->button() == Qt::LeftButton) {start = event->pos();}
}void Widget::mouseReleaseEvent(QMouseEvent *event)
{if (event->button() == Qt::LeftButton) {end = event->pos();QColor currentColor = isEraserMode ? Qt::white : color; // 橡皮擦模式下使用背景颜色lines.append(Line(start, end, currentColor, width)); // 保存线段信息update(); // 触发重绘}
}// 打开调色板
void Widget::on_pushButton_clicked()
{color = QColorDialog::getColor(Qt::black, this, "选择颜色");
}// 设置宽度为1
void Widget::on_pushButton_2_clicked()
{width = 1;
}// 设置宽度为5
void Widget::on_pushButton_3_clicked()
{width = 5;
}// 设置宽度为10
void Widget::on_pushButton_4_clicked()
{width = 10;
}// 切换到画笔模式
void Widget::on_pushButton_5_clicked()
{isEraserMode = false; // 设置为画笔模式ui->pushButton_5->setStyleSheet("background-color: lightgray;"); // 高亮画笔模式按钮ui->pushButton_6->setStyleSheet(""); // 取消橡皮擦模式按钮的高亮
}// 切换到橡皮擦模式
void Widget::on_pushButton_6_clicked()
{isEraserMode = true; // 设置为橡皮擦模式ui->pushButton_6->setStyleSheet("background-color: lightgray;"); // 高亮橡皮擦模式按钮ui->pushButton_5->setStyleSheet(""); // 取消画笔模式按钮的高亮
}

运行现象