[QT]qt小项目，使用qcustomplot实时绘制串口波形数据并存储到数据库，可查 ...

媒介

        本项目是基于我已学习到的qt知识，将这些知识整合起来做成的一个练手小项目，作者还是新手处于学习阶段，程序中另有很多能够改进的地方，但我能力不敷有些问题发现不了。或者有些问题在开发中就已经发现了，但是修改代码太麻烦就没有修改（在代码中会指出）。如果你有什么更好的建议可以留在评论区。
界面展示

主界面

设置界面

查询界面

        预想中是能显示4路数据，两路ADC数据（其他数据传输方式）和两路串口数据，这里只做了串口通信。图像中的曲线是程序生成的测试数据而非串口数据。

串口数据显示（黄色曲线为串口1接收数据）

        这里串口数据显示实在有一个小BUG，之后会提到。
大概框架

        说明一下主要成员变量及其所属父对象。
项目团体结构

其中qcustomplot.h和.cpp文件需要去官网下载，请自行百度，或者直接下载我的工程文件即可。
直接上代码

mainwindow.h 主界面头文件

1. #ifndef MAINWINDOW_H
2. #define MAINWINDOW_H
3. #include <QWidget>
4. #include <QSerialPort>
5. #include <QSettings>
6. #include "qcustomplot.h"
7. #include "setting.h"
8. #include "search.h"
9. #include <QSqlDatabase>
10. #include <QSqlError>
11. #include <QSqlQuery>
12. #include <QMainWindow>
13. #define  STR(str)   #str
16. QT_BEGIN_NAMESPACE
17. namespace Ui { class MainWindow; }
18. QT_END_NAMESPACE
20. class MainWindow : public QMainWindow
21. {
22.     Q_OBJECT
24. public:
25.     MainWindow(QWidget *parent = nullptr);
26.     ~MainWindow();
27.     void initMainUi();
28.     void setSerialPort(QSerialPort*);
29.     void initDatabase();
30.     static void setCustomplotStyle(const QString&, QCustomPlot *);
31.     static void setAxisColor(const QString&, QCustomPlot *);
33.     enum FixedAxis{
34.         Graph1FixedAxis = 0x01,
35.         Graph2FixedAxis = 0x02
36.     };
38. private:
39.     QSerialPort *serialPort1;
40.     QSerialPort *serialPort2;
42. private slots:
43.     void on_setBtn_clicked();
45.     void on_exitBtn_clicked();
47.     void on_Uart1Enable_clicked(bool checked);
49.     void on_Uart2Enable_clicked(bool checked);
51.     void uart1Recieve();
53.     void uart2Recieve();
55.     void realtimeDataSlot();
57.     void showMainUi();
59.     void on_searchBtn_clicked();
61. protected:
62.     void showEvent(QShowEvent *event) override;
63.     void closeEvent(QCloseEvent *event) override;
64.     //void paintEvent(QPaintEvent *event) override;
66. private:
67.     Ui::MainWindow *ui;
68.     QSettings *config;
69.     QCustomPlot *plot_1;
70.     QCustomPlot *plot_2;
71.     QTimer *dataTimer;
72.     double key;  //用来记录横坐标的时间刻度
73.     Setting *settingUi;
74.     Search *searchUi;
75.     quint8 isFixedAxisRange;
76.     QSqlDatabase *database;
79. };
80. #endif // MAINWINDOW_H

复制代码

mainwindow.cpp 主界面源文件

1. #include "mainwindow.h"
2. #include "ui_mainwindow.h"
3. #include <QMessageBox>
4. #include <QDebug>
7. MainWindow::MainWindow(QWidget *parent)
8.     : QMainWindow(parent)
9.     , ui(new Ui::MainWindow)
10. {
11.     //初始化各成员变量
12.     settingUi = new Setting();
13.     initDatabase(); //必须在实例化Search对象之前初始化数据库
14.     searchUi = new Search(database);
15.     ui->setupUi(this);
16.     plot_1 = ui->customPlot1;
17.     plot_2 = ui->customPlot2;
18.     dataTimer = new QTimer(this);
19.     //打开配置文件
20.     config = new QSettings("config.ini", QSettings::IniFormat);
21.     serialPort1 = new QSerialPort(this);
22.     serialPort2 = new QSerialPort(this);
23.     //连接串口接收槽函数
24.     connect(serialPort1, SIGNAL(readyRead()), this, SLOT(uart1Recieve()));
25.     connect(serialPort2, SIGNAL(readyRead()), this, SLOT(uart2Recieve()));
26.     // 使上下轴、左右轴范围同步
27.     connect(plot_2->xAxis, SIGNAL(rangeChanged(QCPRange)), plot_2->xAxis2, SLOT(setRange(QCPRange)));
28.     connect(plot_2->yAxis, SIGNAL(rangeChanged(QCPRange)), plot_2->yAxis2, SLOT(setRange(QCPRange)));
29.     //定时器连接槽函数realtimeDataSlot
30.     connect(dataTimer, SIGNAL(timeout()), this, SLOT(realtimeDataSlot()));
31.     //实现关闭设置界面/查询界面 显示主界面
32.     connect(settingUi, SIGNAL(showMainUi()), this, SLOT(showMainUi()));
33.     connect(searchUi, SIGNAL(showMainUi()), this, SLOT(showMainUi()));
34.     //this->setWindowFlags(Qt::FramelessWindowHint | Qt::Dialog);
35.     initMainUi();
37. }
39. MainWindow::~MainWindow()
40. {
41.     delete ui;
42. }
44. void MainWindow::initMainUi()
45. {
46.     //串口数据显示区
47.     //坐标轴使用时间
48.     QSharedPointer<QCPAxisTickerTime> timeTicker(new QCPAxisTickerTime);
49.     timeTicker->setTimeFormat("%h:%m:%s");
50.     //设置曲线颜色（显示区域2）
51.     plot_2->addGraph();
52.     plot_2->graph(0)->setPen(QPen(QColor("#4fa08b"))); //测试数据
53.     plot_2->addGraph();
54.     plot_2->graph(1)->setPen(QPen(QColor(255, 100, 40))); //串口2
55.     plot_2->xAxis->setTicker(timeTicker);
56.     //四边安上坐标轴
57.     plot_2->axisRect()->setupFullAxesBox();
58.     //设置坐标轴名字
59.     plot_2->xAxis->setLabel("时间/h:m:s");
60.     plot_2->yAxis->setLabel("幅值");
61.     //plot_2->setBackground(QBrush(QColor("#454545")));
63.     //显示区域1
64.     plot_1->addGraph();
65.     plot_1->graph(0)->setPen(QPen(QColor("#4fa08b"))); //测试数据
66.     plot_1->addGraph();
67.     plot_1->graph(1)->setPen(QPen(QColor("#FFFF00"))); //串口1
68.     plot_1->xAxis->setTicker(timeTicker);
69.     plot_1->axisRect()->setupFullAxesBox();
70.     plot_1->xAxis->setLabel("时间/h:m:s");
71.     plot_1->yAxis->setLabel("幅值");
73.     //设置plotstyle，与样式表相匹配
74.     setCustomplotStyle("ManjaroMix", plot_1);
75.     setCustomplotStyle("ManjaroMix", plot_2);
77.     dataTimer->start(20); // 间隔时间 20ms表示刷新率为50hz
78. }
80. void MainWindow::setSerialPort(QSerialPort *serialPort)
81. {
82.     //这一段的作用是根据串口变量名选择不同配置组，配置相应串口参数
83.     QString str = "ConfigData";
84.     if (serialPort == serialPort1)
85.         str = STR(serialPort1) + str;
86.     else if (serialPort == serialPort2)
87.         str = STR(serialPort2) + str;
88.     //qDebug() << str <<endl;
90.     this->config->beginGroup(str);
91.     //设置串口名
92.     serialPort->setPortName(this->config->value("serialName").toString());
93.     //设置波特率
94.     serialPort->setBaudRate(this->config->value("baudrate", 9600).toInt());
95.     //设置校验位
96.     switch(this->config->value("paritybit", 0).toInt())
97.     {
98.     case 0:
99.         serialPort->setParity(QSerialPort::NoParity);
100.         break;
101.     case 1:
102.         serialPort->setParity(QSerialPort::OddParity);
103.         break;
104.     case 2:
105.         serialPort->setParity(QSerialPort::EvenParity);
106.         break;
107.     default:
108.         break;
109.     }
110.     //设置停止位
111.     switch(this->config->value("stopbit", 0).toInt())
112.     {
113.     case 0:
114.         serialPort->setStopBits(QSerialPort::OneStop);
115.         break;
116.     case 1:
117.         serialPort->setStopBits(QSerialPort::OneAndHalfStop);
118.         break;
119.     case 2:
120.         serialPort->setStopBits(QSerialPort::TwoStop);
121.         break;
122.     default:
123.         break;
124.     }
125.     //设置数据位
126.     switch (this->config->value("databit", 8).toInt())
127.     {
128.     case 5:
129.         serialPort->setDataBits(QSerialPort::Data5);
130.         break;
131.     case 6:
132.         serialPort->setDataBits(QSerialPort::Data6);
133.         break;
134.     case 7:
135.         serialPort->setDataBits(QSerialPort::Data7);
136.         break;
137.     case 8:
138.         serialPort->setDataBits(QSerialPort::Data8);
139.         break;
140.     default:
141.         break;
142.     }
143.     this->config->endGroup();
144.     //设置流控为无流控
145.     serialPort->setFlowControl(QSerialPort::NoFlowControl);
146. }
148. void MainWindow::initDatabase()
149. {
150.     database = new QSqlDatabase();
151.     if (QSqlDatabase::contains("qt_sql_default_connection"))  //如果目录下已有数据库
152.     {
153.         *database = QSqlDatabase::database("qt_sql_default_connection");
154.     }
155.     else  //未有数据库则创建
156.     {
157.         *database = QSqlDatabase::addDatabase("QSQLITE");
158.         database->setDatabaseName("MyDataBase.db");
159.         database->setUserName("L");
160.         database->setPassword("123456");
161.     }
162.     if (!database->open())
163.     {
164.         qDebug() << "Error: Failed to connect database." << database->lastError();
165.         return;
166.     }
168.     QSqlQuery sql_query(*database);
169.     //设置数据库表格式，以横坐标轴数据（X轴：时间s）为主键，包含图像id和Y轴数据，
170.     //这里只演示了存储一条曲线的表格式，可以再添加图像id标识不同曲线，对应不同value值
171.     QString create_sql = "create table graph (timecount double primary key, graphid int, value double);";
172.     //sql_query.prepare(create_sql);
173.     //QString tableExist = "select count(*) from sqlite_master where type='table' and name='graph';";
174.     //创建表
175.     sql_query.exec(create_sql);
176.     sql_query.exec("delete from graph"); //清空表
177.     //qDebug() << "Error: Fail to create table." << sql_query.lastError();
179. }
181. void MainWindow::setCustomplotStyle(const QString& style, QCustomPlot *plot)
182. {
183.     if (style == "ManjaroMix")
184.     {
185.         //坐标轴颜色
186.         MainWindow::setAxisColor("#4fa08b", plot);
187.         //背景颜色
188.         plot->setBackground(QBrush("#353a3e"));
190.     }
191.     else if (style == "")  //根据自己需要配置相应主题颜色
192.     {
194.     }
195. }
197. void MainWindow::setAxisColor(const QString& color, QCustomPlot *plot)
198. {
199.     plot->xAxis->setLabelColor(QColor(color));
200.     plot->xAxis->setTickLabelColor(QColor(color));
201.     plot->xAxis->setTickPen(QPen(QColor(color)));
202.     plot->xAxis->setSubTickPen(QPen(QColor(color)));
203.     plot->xAxis->setBasePen(QPen(QColor(color)));
205.     plot->yAxis->setLabelColor(QColor(color));
206.     plot->yAxis->setTickLabelColor(QColor(color));
207.     plot->yAxis->setTickPen(QPen(QColor(color)));
208.     plot->yAxis->setSubTickPen(QPen(QColor(color)));
209.     plot->yAxis->setBasePen(QPen(QColor(color)));
211.     plot->xAxis2->setLabelColor(QColor(color));
212.     plot->xAxis2->setTickLabelColor(QColor(color));
213.     plot->xAxis2->setTickPen(QPen(QColor(color)));
214.     plot->xAxis2->setSubTickPen(QPen(QColor(color)));
215.     plot->xAxis2->setBasePen(QPen(QColor(color)));
217.     plot->yAxis2->setLabelColor(QColor(color));
218.     plot->yAxis2->setTickLabelColor(QColor(color));
219.     plot->yAxis2->setTickPen(QPen(QColor(color)));
220.     plot->yAxis2->setSubTickPen(QPen(QColor(color)));
221.     plot->yAxis2->setBasePen(QPen(QColor(color)));
222. }
225. void MainWindow::on_setBtn_clicked()
226. {
227. #ifdef QT_DEBUG
228.     settingUi->show();
229. #else
230.     settingUi->showFullScreen();
231. #endif
232.     QTime dieTime = QTime::currentTime().addMSecs(300);//延时300毫秒
233.     while (QTime::currentTime() < dieTime)
234.         QCoreApplication::processEvents(QEventLoop::AllEvents, 100);
235.     this->hide();
236. }
238. void MainWindow::on_exitBtn_clicked()
239. {
240.     this->close();
241. }
243. void MainWindow::showEvent(QShowEvent *event)
244. {
245.     //更新设置
246.     isFixedAxisRange = 0;
247.     //读取是否固定坐标轴参数
248.     config->beginGroup("customPlot1ConfigData");
249.     if (config->value("fixedRange", false).toBool())
250.         isFixedAxisRange |= MainWindow::Graph1FixedAxis;
251.     config->endGroup();
253.     config->beginGroup("customPlot2ConfigData");
254.     if (config->value("fixedRange", false).toBool())
255.         isFixedAxisRange |= MainWindow::Graph2FixedAxis;
256.     config->endGroup();
258.     QMainWindow::showEvent(event);
259. }
261. void MainWindow::closeEvent(QCloseEvent *event)
262. {
263.     QMainWindow::closeEvent(event);
264. }
267. //打开串口1
268. void MainWindow::on_Uart1Enable_clicked(bool checked)
269. {
270.     if (checked)
271.     {
272.         setSerialPort(serialPort1);
273.         if(!serialPort1->open(QIODevice::ReadWrite))
274.         {
275.             QMessageBox::warning(this, "串口错误", "串口打开失败或串口被占用");
276.             qDebug() << serialPort1->errorString() << endl;
277.             qDebug() << serialPort1->portName() << endl;
278.             ui->Uart1Enable->setChecked(false);
279.             return;
280.         }
281.     }
282.     else
283.     {
284.         serialPort1->close();
285.     }
286. }
288. //打开串口2
289. void MainWindow::on_Uart2Enable_clicked(bool checked)
290. {
291.     if (checked)
292.     {
293.         setSerialPort(serialPort2);
294.         if(!serialPort2->open(QIODevice::ReadWrite))
295.         {
296.             QMessageBox::warning(this, "串口错误", "串口打开失败或串口被占用");
297.             ui->Uart2Enable->setChecked(false);
298.             return;
299.         }
300.     }
301.     else
302.     {
303.         serialPort2->close();
304.     }
305. }
307. //重绘函数
308. void MainWindow::realtimeDataSlot()
309. {
310.     static QTime time(QTime::currentTime());
311.     key = time.elapsed()/1000.0; // 开始到现在的时间，单位秒
312.     static double lastPointKey = 0;
313.     //数据库
314.     QSqlQuery sql_query(*database);
316.     if (key - lastPointKey > 0.002) // 大约20ms添加一次数据，这里其实跟刷新率也有关系，若刷新时间间隔大于该时间间隔则取决于刷新时间间隔
317.     {
318.         // 添加测试数据到graph
319.         double value = qSin(key)+qrand()/(double)RAND_MAX*1*qSin(key/0.3843) * 80;
320.         plot_2->graph(0)->addData(key, value);
321.         sql_query.exec(QString("insert into graph values( '%1', 0, '%2')").arg(key).arg(value));  //将数据存储到数据库
322.         //另一组测试数据，显示在另外一张坐标轴上但不存储
323.         //plot_1->graph(0)->addData(key, (qCos(key)+qrand()/(double)RAND_MAX*0.5*qSin(key/0.4364)) * 70);
324.         //记录当前时刻
325.         lastPointKey = key;
326.     }
327.     // 曲线能动起来的关键在这里，设定x轴范围为最近30个时刻
328.     // 这里设置图像从左边开始绘制，当绘制满整个界面时图像开始整体左移
329.     if (key < 30)
330.     {
331.         plot_1->xAxis->setRange(0, 30, Qt::AlignLeft);
332.         plot_2->xAxis->setRange(0, 30, Qt::AlignLeft);
333.     }
334.     else
335.     {
336.         plot_1->xAxis->setRange(key - 30, 30, Qt::AlignLeft);
337.         plot_2->xAxis->setRange(key - 30, 30, Qt::AlignLeft);
338.     }
339.     //设置坐标轴是否固定范围，若是则从配置文件读取范围参数，否则自动调整y轴范围,ps:前面写配置文件的时候偷懒了，这里可以再优化一下让代码更简洁的
340.     if (isFixedAxisRange == MainWindow::Graph1FixedAxis)
341.     {
342.         config->beginGroup("customPlot1ConfigData");
343.         double ymin = config->value("ymin", -100).toDouble();
344.         double ymax = config->value("ymax", 100).toDouble();
345.         config->endGroup();
347.         plot_1->yAxis->setRange(ymin, ymax);
348.         plot_2->yAxis->rescale();
349.     }
350.     else if (isFixedAxisRange == MainWindow::Graph2FixedAxis)
351.     {
352.         config->beginGroup("customPlot2ConfigData");
353.         double ymin = config->value("ymin", -100).toDouble();
354.         double ymax = config->value("ymax", 100).toDouble();
355.         config->endGroup();
357.         plot_2->yAxis->setRange(ymin, ymax);
358.         plot_1->yAxis->rescale();
359.     }
360.     else if (isFixedAxisRange == (MainWindow::Graph1FixedAxis | MainWindow::Graph2FixedAxis))
361.     {
362.         config->beginGroup("customPlot1ConfigData");
363.         double ymin = config->value("ymin", -100).toDouble();
364.         double ymax = config->value("ymax", 100).toDouble();
365.         config->endGroup();
367.         plot_1->yAxis->setRange(ymin, ymax);
369.         config->beginGroup("customPlot2ConfigData");
370.         ymin = config->value("ymin", -100).toDouble();
371.         ymax = config->value("ymax", 100).toDouble();
372.         config->endGroup();
374.         plot_2->yAxis->setRange(ymin, ymax);
375.     }
376.     else  //两个显示区都自动调整坐标轴范围
377.     {
378.         plot_1->yAxis->rescale();
379.         plot_2->yAxis->rescale();
380.     }
382.     //绘图
383.     plot_2->replot();
384.     plot_1->replot();
385. }
388. void MainWindow::showMainUi()
389. {
390. #ifdef QT_DEBUG
391.     this->show();
392. #else
393.     this->showFullScreen();
394. #endif
395. }
398. void MainWindow::uart1Recieve()
399. {
400.     ui->UartInfo_1->clear();
401.     QByteArray buff = serialPort1->readAll();
402.     //将串口数据实时显示
403.     ui->UartInfo_1->setText(QString(buff));
404.     //将串口接收的数据加到曲线中
405.     plot_1->graph(1)->addData(key, buff.toInt());
406. }
408. void MainWindow::uart2Recieve()
409. {
410.     ui->UartInfo_2->clear();
411.     QByteArray buff = serialPort2->readAll();
412.     ui->UartInfo_2->setText(QString(buff));
413.     plot_2->graph(1)->addData(key, buff.toInt());
414. }
417. void MainWindow::on_searchBtn_clicked()
418. {
419. #ifdef QT_DEBUG
420.     searchUi->show();
421. #else
422.     searchUi->showFullScreen();
423. #endif
424.     //这一段代码的作用主要是：解决程序在低配置机器上运行时界面切换会闪烁的问题，这里的延时可以自己根据机器进行调整
425.     QTime dieTime = QTime::currentTime().addMSecs(300);//延时300毫秒
426.     while (QTime::currentTime() < dieTime)
427.         QCoreApplication::processEvents(QEventLoop::AllEvents, 100);
428.     this->hide();
429. }

复制代码

search.h 查询界面头文件

1. #ifndef SEARCH_H
2. #define SEARCH_H
4. #include <QMainWindow>
5. #include <QSqlDatabase>
6. #include <QSqlError>
7. #include <QSqlQuery>
9. class  MainWindow;
10. namespace Ui {
11. class Search;
12. }
14. class Search : public QMainWindow
15. {
16.     Q_OBJECT
17.     friend class MainWindow;
18. public:
19.     explicit Search(QSqlDatabase *db, QWidget *parent = nullptr);
20.     ~Search();
21.     int queryRowCount(QSqlQuery&);
22.     //void initGraph
24. private:
25.     Ui::Search *ui;
26.     QSqlDatabase *database;
28. signals:
29.     void showMainUi();
30. private slots:
31.     void on_searchBtn_clicked();
32.     void on_backBtn_clicked();
33.     void on_clearBtn_clicked();
34. };
36. #endif // SEARCH_H

复制代码

search.cpp 查询界面源文件

1. #include "search.h"
2. #include "ui_search.h"
3. #include <QMessageBox>
4. #include "mainwindow.h"
5. Search::Search(QSqlDatabase *db, QWidget *parent) :
6.     QMainWindow(parent),
7.     ui(new Ui::Search)
8. {
9.     ui->setupUi(this);
10.     database = db;
11.     //坐标轴使用时间
12.     QSharedPointer<QCPAxisTickerTime> timeTicker(new QCPAxisTickerTime);
13.     timeTicker->setTimeFormat("%h:%m:%s");
14.     ui->plot->xAxis->setTicker(timeTicker);
16.     //四边安上坐标轴
17.     ui->plot->axisRect()->setupFullAxesBox();
18.     //设置坐标轴名字
19.     ui->plot->xAxis->setLabel("时间/h:m:s");
20.     ui->plot->yAxis->setLabel("幅值");
21.     //ui->plot->graph(0)->rescaleAxes();
23.     this->setWindowTitle(QString("查询窗口"));
25.     //设置显示风格
26.     MainWindow::setCustomplotStyle("ManjaroMix", ui->plot);
29. }
31. Search::~Search()
32. {
33.     delete ui;
34. }
36. //获取表格行数即数据个数
37. int Search::queryRowCount(QSqlQuery & query)
38. {
39.     // 获取query指针首地址
40.     int initialPos = query.at();
41.     int pos = 0;
42.     if (query.last()){
43.         pos = query.at() + 1;
44.     }else{
45.         pos = 0;
46.     }
47.     // 计算行数后将query指针放到首地址
48.     query.seek(initialPos);
49.     return pos;
50. }
53. void Search::on_backBtn_clicked()
54. {
55.     emit showMainUi();
56.     QTime dieTime = QTime::currentTime().addMSecs(300);//延时300毫秒
57.     while (QTime::currentTime() < dieTime)
58.         QCoreApplication::processEvents(QEventLoop::AllEvents, 100);
59.     this->close();
60. }
62. void Search::on_searchBtn_clicked()
63. {
64.     //输入数据检查
65.     if (ui->bgTimeLEdt->text().toDouble() >= ui->edTimeLEdt->text().toDouble())
66.     {
67.         QMessageBox::warning(this, "warning", "时间输入错误！");
68.         return;
69.     }
70.     //设置曲线颜色
71.     ui->plot->addGraph();
72.     ui->plot->graph(0)->setPen(QPen(QColor("#4fa08b"))); //测试数据
74.     QSqlQuery sql_query(*database);
75.     QString search = QString("select * from graph where graphid = '%1' and timecount >= '%2' and timecount <= '%3';")\
76.             .arg(ui->graphidLEdt->text()).arg(ui->bgTimeLEdt->text()).arg(ui->edTimeLEdt->text());
77.     //QString search("select * from graph where graphid = '%1' and timecount >= '%2' and timecount <= '%3';");
78.     sql_query.exec(search);
79.     while (sql_query.next())
80.     {
81.         double key = sql_query.value(0).toDouble();
82.         double value = sql_query.value(2).toDouble();
83.         ui->plot->graph(0)->addData(key, value);
84.     }
85.     ui->plot->yAxis->rescale();
86.     ui->plot->xAxis->rescale();
88.     ui->plot->replot();
90.     //状态栏显示graph信息
91.     this->statusBar()->showMessage(
92.                 QString("曲线点数：%1")
93.                 .arg(queryRowCount(sql_query)));
95. }
98. void Search::on_clearBtn_clicked()
99. {
100.     ui->plot->clearGraphs();    //删除所有graph
101.     ui->plot->replot();         //重绘清屏
102.     this->statusBar()->clearMessage();
103. }

复制代码

setting.h 设置界面头文件

1. #ifndef SETTING_H
2. #define SETTING_H
4. #include <QMainWindow>
5. #include <QSettings>
6. namespace Ui {
7. class Setting;
8. }
10. class Setting : public QMainWindow
11. {
12.     Q_OBJECT
14. public:
15.     explicit Setting(QWidget *parent = nullptr);
16.     ~Setting();
18. private slots:
19.     void on_backBtn_clicked();
20.     void uartPortChanged(int);
21.     void on_applyBtn_clicked();
23. private:
24.     Ui::Setting *ui;
25.     QSettings *config;
27. protected:
28.     void showEvent(QShowEvent *event) override;
29.     void closeEvent(QCloseEvent *event) override;
31. signals:
32.     void showMainUi();
33. };
35. #endif // SETTING_H

复制代码

setting.cpp 设置界面源文件

1. #include "setting.h"
2. #include "ui_setting.h"
3. #include "ui_setting.h"
4. #include "mainwindow.h"
5. #include <QScreen>
6. #include <QGuiApplication>
7. #include <QDebug>
8. #include <QSerialPort>
9. #include <QSerialPortInfo>
10. Setting::Setting(QWidget *parent) :
11.     QMainWindow(parent),
12.     ui(new Ui::Setting)
13. {
14.     ui->setupUi(this);
15.     //打开配置文件
16.     config = new QSettings("config.ini", QSettings::IniFormat);
17.     //this->setWindowFlags(Qt::FramelessWindowHint | Qt::Dialog);
19.     //关联槽函数
20.     connect(ui->buttonGroup, SIGNAL(buttonClicked(int)), this, SLOT(uartPortChanged(int)));
21.     //connect(this, SIGNAL(showMainUi()), Widget, )
22.     //扫描并显示串口名
23.     foreach(const QSerialPortInfo &info, QSerialPortInfo::availablePorts())
24.     {
25.         ui->serialName->addItem(info.portName());
26.     }
27. }
29. Setting::~Setting()
30. {
31.     delete ui;
32. }
34. void Setting::on_backBtn_clicked()
35. {
36.     emit showMainUi();
37.     QTime dieTime = QTime::currentTime().addMSecs(300);//延时300毫秒
38.     while (QTime::currentTime() < dieTime)
39.         QCoreApplication::processEvents(QEventLoop::AllEvents, 100);
40.     this->close();
41. }
43. void Setting::uartPortChanged(int id)
44. {
45.     Q_UNUSED(id);
46.     QString str = ui->buttonGroup->checkedButton()->text();
47.     if (str == "串口1")
48.     {
49.         //从配置文件读取串口1历史参数并显示
50.         //qDebug() << "1" << endl;
51.         config->beginGroup("serialPort1ConfigData");
52.         ui->serialName->setCurrentText(config->value("serialName").toString());
53.         ui->buadRate->setCurrentText(config->value("baudrate", 9600).toString());
54.         ui->dataBit->setCurrentText(config->value("databit", 8).toString());
55.         ui->stopBit->setCurrentIndex(config->value("stopbit", 0).toInt());
56.         ui->parityBit->setCurrentIndex(config->value("paritybit", 0).toInt());
57.         config->endGroup();
58. #if 0        //存储串口1的参数
59.         uart1->serialName = ui->serialName->currentText();
60.         uart1->baudRate = ui->buadRate->currentText().toInt();
61.         uart1->dataBit = ui->dataBit->currentText().toInt();
62.         uart1->stopBit = ui->stopBit->currentText().toDouble();
63.         uart1->parityBit = ui->parityBit->currentText();
64. #endif
65.     }
66.     else if (str == "串口2")
67.     {
68.         //从配置文件读取串口2历史参数并显示
69.         //qDebug() << "2" << endl;
70.         config->beginGroup("serialPort2ConfigData");
71.         ui->serialName->setCurrentText(config->value("serialName").toString());
72.         ui->buadRate->setCurrentText(config->value("baudrate", 9600).toString());
73.         ui->dataBit->setCurrentText(config->value("databit", 8).toString());
74.         ui->stopBit->setCurrentIndex(config->value("stopbit", 0).toInt());
75.         ui->parityBit->setCurrentIndex(config->value("paritybit", 0).toInt());
76.         config->endGroup();
77. #if 0        //存储串口2的参数
78.         uart1->serialName = ui->serialName->currentText();
79.         uart1->baudRate = ui->buadRate->currentText().toInt();
80.         uart1->dataBit = ui->dataBit->currentText().toInt();
81.         uart1->stopBit = ui->stopBit->currentText().toDouble();
82.         uart1->parityBit = ui->parityBit->currentText();
83. #endif
84.     }
86. }
88. void Setting::showEvent(QShowEvent *event)
89. {
90.     //获取主屏幕
91.     //QScreen* screen = QGuiApplication::primaryScreen();
92.     // 设置窗口位置和大小,使窗口全屏显示
93.     //setGeometry(screen->geometry());
94.     config->beginGroup("serialPort1ConfigData");
95.     ui->serialName->setCurrentText(config->value("serialName").toString());
96.     ui->buadRate->setCurrentText(config->value("baudrate", 9600).toString());
97.     ui->dataBit->setCurrentText(config->value("databit", 8).toString());
98.     ui->stopBit->setCurrentIndex(config->value("stopbit", 0).toInt());
99.     ui->parityBit->setCurrentIndex(config->value("paritybit", 0).toInt());
100.     config->endGroup();
102.     //坐标轴参数
103.     config->beginGroup("customPlot1ConfigData");
104.     ui->fixedAxisRangeCkbx_1->setChecked(config->value("fixedRange", false).toBool());
105.     ui->cstmPlt1Ymin->setText(config->value("ymin").toString());
106.     ui->cstmPlt1Ymax->setText(config->value("ymax").toString());
107.     config->endGroup();
109.     config->beginGroup("customPlot2ConfigData");
110.     ui->fixedAxisRangeCkbx_2->setChecked(config->value("fixedRange", false).toBool());
111.     ui->cstmPlt2Ymin->setText(config->value("ymin").toString());
112.     ui->cstmPlt2Ymax->setText(config->value("ymax").toString());
113.     config->endGroup();
117.     QWidget::showEvent(event);
118. }
120. void Setting::closeEvent(QCloseEvent *event)
121. {
122.     QWidget::closeEvent(event);
123. }
125. void Setting::on_applyBtn_clicked()
126. {
127.     //将各配置参数更新到配置文件
128.     //串口数据
129.     QString str = ui->buttonGroup->checkedButton()->text();
130.     if (str == "串口1")
131.     {
132.         config->beginGroup("serialPort1ConfigData");
133.         config->setValue("serialName", ui->serialName->currentText());
134.         config->setValue("baudrate",  ui->buadRate->currentText());
135.         config->setValue("databit", ui->dataBit->currentText());
136.         config->setValue("stopbit", ui->stopBit->currentIndex());
137.         config->setValue("paritybit", ui->parityBit->currentIndex());
138.         config->endGroup();
139.     }
140.     else if (str == "串口2")
141.     {
142.         config->beginGroup("serialPort2ConfigData");
143.         config->setValue("serialName", ui->serialName->currentText());
144.         config->setValue("baudrate",  ui->buadRate->currentText());
145.         config->setValue("databit", ui->dataBit->currentText());
146.         config->setValue("stopbit", ui->stopBit->currentIndex());
147.         config->setValue("paritybit", ui->parityBit->currentIndex());
148.         config->endGroup();
149.     }
151.     //customPlot区域显示坐标轴范围
152.     //区域1
153.     config->beginGroup("customPlot1ConfigData");
154.     config->setValue("fixedRange", ui->fixedAxisRangeCkbx_1->isChecked());
155.     config->setValue("ymin", ui->cstmPlt1Ymin->text().toDouble());
156.     config->setValue("ymax", ui->cstmPlt1Ymax->text().toDouble());
157.     config->endGroup();
158.     //区域2
159.     config->beginGroup("customPlot2ConfigData");
160.     config->setValue("fixedRange", ui->fixedAxisRangeCkbx_2->isChecked());
161.     config->setValue("ymin", ui->cstmPlt2Ymin->text().toDouble());
162.     config->setValue("ymax", ui->cstmPlt2Ymax->text().toDouble());
163.     config->endGroup();
166. }

复制代码

后续

        写到这里的时间间隔我创建这篇草稿已颠末去了大概五六个月，中央因为工作比较忙就没有再写下去，后续再次想要拿起QT的时间才想起来这篇草稿还没发，基本框架实在写得差不多了，而工程文件已经找不到了，如果后续我能找到就放上来，各人可以参考一下代码如何实现。这个项目属于初学者练手项目，另有诸多不敷，欢迎各人评论区讨论。





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