03.05 QT变乱

实现一个绘图工具，具备以下功能：

• 鼠标绘制线条。
  
• 及时调解线条颜色和粗细。
  
• 橡皮擦功能，覆盖绘制内容。
  
• 撤销功能，ctrl + z 快捷键撤销末了一笔
  

程序代码：

<1> Widget.h:

1. #ifndef WIDGET_H
2. #define WIDGET_H
4. #include <QWidget>
5. #include <QPaintEvent>
6. #include <QPainter>
7. #include <QDebug>
8. #include <QMouseEvent>
9. #include <QLine>
10. #include <QVector>
11. #include <QColorDialog>
12. #include <QPair>
13. #include <QKeyEvent>
15. QT_BEGIN_NAMESPACE
16. namespace Ui { class Widget; }
17. QT_END_NAMESPACE
19. class Widget : public QWidget
20. {
21.     Q_OBJECT
23. public:
24.     Widget(QWidget *parent = nullptr);
25.     ~Widget();
27. private:
28.     Ui::Widget *ui;
29.     QPoint start;
30.     QPoint end;
31.     QVector<QVector<QPair<QLine, QPair<QColor, int>>>> strokes; // 存储每一笔的所有线段
32.     QVector<QPair<QLine, QPair<QColor, int>>> currentStroke;    // 当前正在绘制的一笔
33.     QColor currentColor = Qt::black;                            // 当前颜色
34.     int currentWidth = 1;                                        // 当前线条粗细
35.     bool isEraserMode = false;                                   // 是否为橡皮擦模式
37. protected:
38.     virtual void paintEvent(QPaintEvent *event) override;
39.     virtual void mouseMoveEvent(QMouseEvent *event) override;
40.     virtual void mousePressEvent(QMouseEvent *event) override;
41.     virtual void mouseReleaseEvent(QMouseEvent *event) override;
42.     virtual void keyPressEvent(QKeyEvent *event) override; // 键盘事件处理
44. private slots:
45.     void on_pushButton_clicked(); // 调色板
46.     void on_pushButton_2_clicked(); // 1mm
47.     void on_pushButton_3_clicked(); // 5mm
48.     void on_pushButton_4_clicked(); // 10mm
49.     void on_pushButton_6_clicked(); // 20mm
50.     void on_pushButton_5_clicked(); // 橡皮擦
51. };
52. #endif // WIDGET_H

复制代码

<2> 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.     setPalette(QPalette(Qt::white)); // 设置窗口背景色为白色
10.     setAutoFillBackground(true);     // 自动填充背景
11. }
13. Widget::~Widget()
14. {
15.     delete ui;
16. }
18. void Widget::paintEvent(QPaintEvent *event)
19. {
20.     QPainter painter(this);
21.     QPen pen;
23.     // 遍历所有笔触，绘制每一笔
24.     for (const auto &stroke : strokes) {
25.         for (const auto &linePair : stroke) {
26.             pen.setColor(linePair.second.first); // 设置线条颜色
27.             pen.setWidth(linePair.second.second); // 设置线条粗细
28.             painter.setPen(pen);
29.             painter.drawLine(linePair.first); // 绘制线条
30.         }
31.     }
33.     // 绘制当前正在绘制的一笔
34.     for (const auto &linePair : currentStroke) {
35.         pen.setColor(linePair.second.first); // 设置线条颜色
36.         pen.setWidth(linePair.second.second); // 设置线条粗细
37.         painter.setPen(pen);
38.         painter.drawLine(linePair.first); // 绘制线条
39.     }
40. }
42. void Widget::mouseMoveEvent(QMouseEvent *event)
43. {
44.     if (event->buttons() & Qt::LeftButton) {
45.         end = event->pos();
46.         QLine line(start, end);
48.         // 如果是橡皮擦模式，使用背景色绘制
49.         if (isEraserMode) {
50.             QColor backgroundColor = palette().color(QPalette::Window); // 获取窗口背景色
51.             currentStroke << qMakePair(line, qMakePair(backgroundColor, currentWidth)); // 使用背景色覆盖
52.         } else {
53.             currentStroke << qMakePair(line, qMakePair(currentColor, currentWidth)); // 正常绘制
54.         }
56.         start = end;
57.         update(); // 触发重绘
58.     }
59. }
61. void Widget::mousePressEvent(QMouseEvent *event)
62. {
63.     if (event->button() == Qt::LeftButton) {
64.         start = event->pos(); // 记录起点
65.         currentStroke.clear(); // 开始新的一笔
66.     }
67. }
69. void Widget::mouseReleaseEvent(QMouseEvent *event)
70. {
71.     if (event->button() == Qt::LeftButton) {
72.         end = event->pos();
73.         QLine line(start, end);
75.         // 如果是橡皮擦模式，使用背景色绘制
76.         if (isEraserMode) {
77.             QColor backgroundColor = palette().color(QPalette::Window); // 获取窗口背景色
78.             currentStroke << qMakePair(line, qMakePair(backgroundColor, currentWidth)); // 使用背景色覆盖
79.         } else {
80.             currentStroke << qMakePair(line, qMakePair(currentColor, currentWidth)); // 正常绘制
81.         }
83.         strokes << currentStroke; // 将当前一笔添加到所有笔触中
84.         currentStroke.clear(); // 清空当前一笔
85.         update(); // 触发重绘
86.     }
87. }
89. // 键盘事件处理
90. void Widget::keyPressEvent(QKeyEvent *event)
91. {
92.     // 检测 Ctrl + Z 按键组合
93.     if (event->modifiers() == Qt::ControlModifier && event->key() == Qt::Key_Z) {
94.         if (!strokes.isEmpty()) {
95.             strokes.removeLast(); // 移除最后一整笔
96.             update(); // 触发重绘
97.         }
98.     }
99. }
101. // 打开调色板
102. void Widget::on_pushButton_clicked()
103. {
104.     currentColor = QColorDialog::getColor(currentColor, this, "选择颜色");
105. }
107. void Widget::on_pushButton_2_clicked()
108. {
109.     currentWidth = 1; // 设置线条粗细为 1
110. }
112. void Widget::on_pushButton_3_clicked()
113. {
114.     currentWidth = 5; // 设置线条粗细为 5
115. }
117. void Widget::on_pushButton_4_clicked()
118. {
119.     currentWidth = 10; // 设置线条粗细为 10
120. }
122. void Widget::on_pushButton_6_clicked()
123. {
124.     currentWidth = 20; // 设置线条粗细为 20
125. }
127. // 切换橡皮擦模式
128. void Widget::on_pushButton_5_clicked()
129. {
130.     isEraserMode = !isEraserMode; // 切换橡皮擦模式
131.     if (isEraserMode) {
132.         ui->pushButton_5->setText("绘图模式"); // 更新按钮文本
133.     } else {
134.         ui->pushButton_5->setText("橡皮擦"); // 更新按钮文本
135.     }
136. }

复制代码

<3> main.cpp:

1. #include "widget.h"
3. #include <QApplication>
5. int main(int argc, char *argv[])
6. {
7.     QApplication a(argc, argv);
8.     Widget w;
9.     w.show();
10.     return a.exec();
11. }

复制代码

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