串口获取温度，绘制温度曲线！

扼魔Maycry

如图所示，这是一个上位机程序，主要显示传感器获取的温度值，并将其实时绘制成曲线图，目前问题就是绘制的曲线在刷新到一定时间后，会越界窗体，用的是QPainterPath 方法，现在想用图形视图框架完善，但小辈不才，请大家多多指教，绘制部分源码会在下面贴出，谢谢大家的帮助！

扼魔Maycry

1. #include "tempshow_1.h"
   
2. #include "ui_tempshow_1.h"
   
3. #include <QDebug>
   
4. #include <QMessageBox>
   
5. 
   
6. TempShow_1::TempShow_1(QWidget *parent) :
   
7.     QDialog(parent),
   
8.     ui(new Ui::TempShow_1)
   
9. {
   
10.     ui->setupUi(this);
    
11.     setWindowTitle(tr("温度显示_1"));
    
12. 
    
13.     //绘图部分
    
14.     t = 0;
    
15.     p = 200;
    
16.     Point.setX(200);  /* 初始化起始点的纵坐标为0 */
    
17.     Point.setY(220);  /* 初始化起始点的横坐标为0 */
    
18.     path = new QPainterPath;
    
19.     timer = new QTimer(this);
    
20.     connect(timer,SIGNAL(timeout()),this,SLOT(timerUpDate()));
    
21.     startPainting();
    
22. }
    
23. 
    
24. TempShow_1::~TempShow_1()
    
25. {
    
26.     delete ui;
    
27. }
    
28. 
    
29. void TempShow_1::setValues(QString Test)
    
30. {
    
31.     Temp_int = Test;
    
32.     ui->tempLabel->setText(Temp_int);
    
33. }
    
34. 
    
35. void TempShow_1::timerUpDate()
    
36. {
    
37.     Saber = ui->tempLabel->text().toInt();
    
38.     qDebug()<<Saber;
    
39.     t += 10;
    
40.     Point.setX(t);       /* 时间加二秒 */
    
41.     if(Saber < 40 && Saber != 0){
    
42.         if(Saber == 20)
    
43.             Point.setY(0);          // 设置温度下限20℃
    
44.         else if(Saber == 21)
    
45.             Point.setY(-30);      // 绘制温度21℃
    
46.         else if(Saber == 22)
    
47.             Point.setY(-60);      // 绘制温度22℃
    
48.         else if(Saber == 23)
    
49.             Point.setY(-90);      // 绘制温度23℃
    
50.         else if(Saber == 24)
    
51.             Point.setY(-120);      // 绘制温度24℃
    
52.         else if(Saber == 25)
    
53.             Point.setY(-150);      // 绘制温度25℃
    
54.         else if(Saber == 26)
    
55.             Point.setY(-180);      // 绘制温度26℃
    
56.         else if(Saber == 27)
    
57.             Point.setY(-210);      // 绘制温度27℃
    
58.         else if(Saber == 28)
    
59.             Point.setY(-240);      // 绘制温度28℃
    
60.         else if(Saber == 29)
    
61.             Point.setY(-270);    // 绘制温度29℃
    
62.         else if(Saber == 30)
    
63.             Point.setY(-300);    // 绘制温度30℃
    
64.         else if(Saber == 31)
    
65.             Point.setY(-330);    // 绘制温度31℃
    
66.         else if(Saber == 32)
    
67.             Point.setY(-360);    // 绘制温度31℃
    
68.         else if(Saber == 33)
    
69.             Point.setY(-390);    // 绘制温度31℃
    
70.         else{
    
71.             Point.setY(-420);    // 过滤超标温度值！
    
72.             QMessageBox msgBox;
    
73.             msgBox.setText("The Temp has been outnumber the definition !");
    
74.             msgBox.exec();
    
75.         }
    
76.         qDebug()<<Saber;
    
77.         path->lineTo(Point);    /*绘点连线*/
    
78.     }
    
79. 
    
80.     /*int groupBoxWidth = ui->groupBox_3->width();
    
81.     if(t > groupBoxWidth){
    
82.         // when the Time t more than groupBoxWidth,readjust the DrawArea
    
83.         p = p - 10;     //调整坐标原点
    
84.         if(p == 190)
    
85.             p = 200;
    
86.     }*/
    
87.     update();
    
88. }
    
89. 
    
90. void TempShow_1::startPainting(void)
    
91. {
    
92.     timer->start(1000);
    
93. }
    
94. 
    
95. void TempShow_1::closePainting(void)
    
96. {
    
97.     timer->stop();
    
98. }
    
99. 
    
100. void TempShow_1::paintEvent(QPaintEvent *)
     
101. {
     
102.     QPainter painter(this);
     
103.     painter.setRenderHint(QPainter::Antialiasing, true);
     
104.     QPen thickPen(palette().foreground(), 2.0);        // 设置大刻度线画笔为粗黑！
     
105.     QPen thinPen(palette().foreground(), 1.0);          // 设置小刻度线画笔为细黑！
     
106.     painter.translate(40,430);                                     // 调整坐标原点
     
107. 
     
108.     int width_X = 560.0;
     
109.     int higth_Y = 420;
     
110. 
     
111.     QLineF line_X(0.0, 0.0, width_X, 0.0);
     
112.     painter.drawLine(line_X);                           // 绘制X轴
     
113.     QLineF line_Y(0.0, 0.0, 0.0, -higth_Y);
     
114.     painter.drawLine(line_Y);                           // 绘制X轴
     
115. 
     
116.     painter.setPen(QPen(Qt::red, 2)); // 设置画笔颜色和大小
     
117.     painter.drawPath(*path);               // 绘制路径
     
118. 
     
119.     /*画刻度还有数字*/
     
120.     for(int i = 1; i < higth_Y; i++){
     
121.         if(i % 30 == 0){
     
122.             painter.setPen(thickPen);
     
123.             QLineF lineThick(0.0, -(0.0 + i), 5.0, -(0.0 + i));
     
124.             painter.drawLine(lineThick);
     
125.         }
     
126. 
     
127.         if(i % 6 == 0) {
     
128.             painter.setPen(thinPen);
     
129.             QLineF lineThin(0.0, -(0.0 + i), 2.0, -(0.0 + i));
     
130.             painter.drawLine(lineThin);
     
131.         }
     
132.     }
     
133. }

复制代码

扼魔Maycry

现在正在使用QCustomPlot优化！

zhangjianhuazi

扼魔Maycry 发表于 2014-11-4 22:35
现在正在使用QCustomPlot优化！

能分享完整的例子么？