QT-绘画事故

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

1. #ifndef WIDGET_H
2. #define WIDGET_H
4. #include <QWidget>
5. #include <QColor>
6. #include <QPoint>
7. #include <QVector>
8. #include <QMouseEvent>
9. #include <QPainter>
10. #include <QColorDialog>
12. // 自定义 Line 类，存储线段的起点、终点、颜色和宽度
13. class Line {
14. public:
15.     Line(const QPoint& start, const QPoint& end, const QColor& color, int width)
16.         : start(start), end(end), color(color), width(width) {}
18.     QPoint start;
19.     QPoint end;
20.     QColor color;
21.     int width;
22. };
24. QT_BEGIN_NAMESPACE
25. namespace Ui { class Widget; }
26. QT_END_NAMESPACE
28. class Widget : public QWidget
29. {
30.     Q_OBJECT
32. public:
33.     Widget(QWidget *parent = nullptr);
34.     ~Widget();
36. protected:
37.     void paintEvent(QPaintEvent *event) override; // 重写绘图事件
38.     void mouseMoveEvent(QMouseEvent *event) override; // 重写鼠标移动事件
39.     void mousePressEvent(QMouseEvent *event) override; // 重写鼠标按下事件
40.     void mouseReleaseEvent(QMouseEvent *event) override; // 重写鼠标释放事件
42. private slots:
43.     void on_pushButton_clicked(); // 打开调色板
44.     void on_pushButton_2_clicked(); // 设置宽度为1
45.     void on_pushButton_3_clicked(); // 设置宽度为5
46.     void on_pushButton_4_clicked(); // 设置宽度为10
47.     void on_pushButton_5_clicked(); // 切换到画笔模式
48.     void on_pushButton_6_clicked(); // 切换到橡皮擦模式
50. private:
51.     Ui::Widget *ui;
52.     QVector<Line> lines; // 存储所有线段的容器
53.     QPoint start; // 线段起点
54.     QPoint end; // 线段终点
55.     QColor color; // 当前颜色
56.     int width; // 当前宽度
57.     bool isEraserMode; // 是否处于橡皮擦模式
58. };
60. #endif // WIDGET_H

复制代码

widget.cpp

1. #include "widget.h"
2. #include "ui_widget.h"
4. Widget::Widget(QWidget *parent)
5.     : QWidget(parent)
6.     , ui(new Ui::Widget)
7. {
8.     ui->setupUi(this);
9.     color = Qt::black; // 默认颜色
10.     width = 1; // 默认宽度
11.     isEraserMode = false; // 默认是画笔模式
12. }
14. Widget::~Widget()
15. {
16.     delete ui;
17. }
19. void Widget::paintEvent(QPaintEvent *event)
20. {
21.     QPainter painter(this);
23.     // 遍历所有线段并绘制
24.     for (const auto& line : lines) {
25.         QPen pen(line.color, line.width);
26.         painter.setPen(pen);
27.         painter.drawLine(line.start, line.end);
28.     }
29. }
31. void Widget::mouseMoveEvent(QMouseEvent *event)
32. {
33.     if (event->buttons() & Qt::LeftButton) {
34.         end = event->pos();
35.         QColor currentColor = isEraserMode ? Qt::white : color; // 橡皮擦模式下使用背景颜色
36.         lines.append(Line(start, end, currentColor, width)); // 保存线段信息
37.         start = end;
38.         update(); // 触发重绘
39.     }
40. }
42. void Widget::mousePressEvent(QMouseEvent *event)
43. {
44.     if (event->button() == Qt::LeftButton) {
45.         start = event->pos();
46.     }
47. }
49. void Widget::mouseReleaseEvent(QMouseEvent *event)
50. {
51.     if (event->button() == Qt::LeftButton) {
52.         end = event->pos();
53.         QColor currentColor = isEraserMode ? Qt::white : color; // 橡皮擦模式下使用背景颜色
54.         lines.append(Line(start, end, currentColor, width)); // 保存线段信息
55.         update(); // 触发重绘
56.     }
57. }
59. // 打开调色板
60. void Widget::on_pushButton_clicked()
61. {
62.     color = QColorDialog::getColor(Qt::black, this, "选择颜色");
63. }
65. // 设置宽度为1
66. void Widget::on_pushButton_2_clicked()
67. {
68.     width = 1;
69. }
71. // 设置宽度为5
72. void Widget::on_pushButton_3_clicked()
73. {
74.     width = 5;
75. }
77. // 设置宽度为10
78. void Widget::on_pushButton_4_clicked()
79. {
80.     width = 10;
81. }
83. // 切换到画笔模式
84. void Widget::on_pushButton_5_clicked()
85. {
86.     isEraserMode = false; // 设置为画笔模式
87.     ui->pushButton_5->setStyleSheet("background-color: lightgray;"); // 高亮画笔模式按钮
88.     ui->pushButton_6->setStyleSheet(""); // 取消橡皮擦模式按钮的高亮
89. }
91. // 切换到橡皮擦模式
92. void Widget::on_pushButton_6_clicked()
93. {
94.     isEraserMode = true; // 设置为橡皮擦模式
95.     ui->pushButton_6->setStyleSheet("background-color: lightgray;"); // 高亮橡皮擦模式按钮
96.     ui->pushButton_5->setStyleSheet(""); // 取消画笔模式按钮的高亮
97. }

复制代码

运行现象

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。