Qt繪圖

 

2018年06月22日 18:04:34 逸璞丷昊-承接本科畢設、價格私聊 閱讀數：7336更多

所屬專欄： Qt的學習之旅

版權聲明：- - 內容若有錯誤,請您務必指出,感謝讓我提高並給予我建議的你！ - - 轉載請註明出處 https://blog.csdn.net/yishuicanhong/article/details/80738361

       本來是想寫一篇上位機通過串口接收數據並進行簡單實時動態畫圖的，但是網上關於Qt串口接收數據的博客已經非常多了，且也會導致內容太多，顯得複雜，如果需要串口收發數據例程，網上隨便百度就能收到了，也可以下載我寫的北斗/GPS雙模定位上位機，這裏主要介紹一下收到數據後的畫圖實現。
       使用Qt繪製圖形，首先需要了解Qt的窗口與視口的概念，理解Qt的座標變換，然後學會掌握Qpainter這個類的使用就能實現基本的繪圖功能了。下面一個實時繪製曲線圖形的例子（座標用應該直接使用一個Qpoint模板的列表表示比較好）。這裏，實時數據只是由使用creatData函數產生，在實際工程中將數據改爲讀取實時數據即可。

頭文件

1. #ifndef WIDGET_H

2. #define WIDGET_H

3.  

4. #include <QWidget>

5. #include <QTimer>

6. #include <QList>

7.  

8. class Widget : public QWidget

9. {

10. Q_OBJECT

11.  

12. protected:

13. void paintEvent(QPaintEvent *);

14. public:

15. int m_count;

16. float x;

17. QTimer* m_Timer;

18. QList<float> xList;

19. QList<float> yList;

20.  

21. Widget(QWidget *parent = 0);

22. ~Widget();

23.  

24. public slots:

25. void creatData();

26.  

27. };

28.  

29. #endif // WIDGET_H

源文件

1. #include "Widget.h"

2. #include <QPainter>

3. #include <QPointF>

4. #include <QPen>

5. #include <qmath.h>

6. Widget::Widget(QWidget *parent) : QWidget(parent)

7. {

8. x = -10;

9. m_count = 0;

10. m_Timer = new QTimer(this);

11. m_Timer->start(10);

12. connect(m_Timer,SIGNAL(timeout()),this,SLOT(creatData()));

13. }

14. void Widget::creatData()

15. {

16. x += 0.2;

17. m_count += 1;

18. if(m_count%2)

19. {

20. xList.append(x);

21. yList.append(qSin(x));

22. }

23. else

24. {

25. xList.append(x);

26. yList.append(qSin(x));

27. update();

28. }

29. if(m_count == 100)

30. {

31. xList.clear();

32. yList.clear();

33. m_count = 0;

34. x = -10;

35. }

36. }

37. void Widget::paintEvent(QPaintEvent *)

38. {

39. QPainter painter(this);

40. QPen pen;

41. pen.setColor(Qt::green);

42. pen.setStyle(Qt::SolidLine);

43. pen.setWidthF(0.05);

44. painter.setPen(pen);

45. painter.setViewport(50, 50, width()-100, height()-100);

46. painter.setWindow(-10, 2, 20, -4); // (-10, 2) (10, -2)

47. painter.fillRect(-10, 2, 20, -4, Qt::white);

48. painter.drawLine(QPointF(-10, 0), QPointF(10, 0)); // x

49. painter.drawLine(QPointF(0, 2), QPointF(0, -2)); // y

50. for(int i = 0; i < yList.count(); i++)

51. {

52. if(i == 0)

53. painter.drawPoint(QPointF(xList[i], yList[i]));

54. else

55. painter.drawLine(QPointF(xList[i-1], yList[i-1]), QPointF(xList[i], yList[i]));

56. }

57. }

58. Widget::~Widget()

59. {

60.  

61. }

主函數

1. #include <QApplication>

2. #include "Widget.h"

3. int main(int argc, char *argv[])

4. {

5. QApplication a(argc, argv);

6. Widget w;

7. w.show();

8.  

9. return a.exec();

10.