主题月：基于IMX8MP的QT GUI环境搭建与实例运行

donatello1996

IMX8MP是性能还算强大的Linux开发板，其GPU支持对QT开发环境和运行实例进行加速，可直接在版上部署QT开发环境和运行环境，QT示例程序输出可选择X窗口，VNC或framebuffer，三种输出所占用的CPU和GPU资源是差不多的。

首先搭建QT开发环境：

apt install qt5-default qtcreator

Debian或Ubuntu系统会自动搜寻最新QT安装包并安装，安装完毕的界面：

直接使用mobaxterm终端使用命令：

qtcreator

就可以打开QT了。QT开发环境里面有QLabel QPainter QImage相关控件类，其中QImage和QPainter是基于QLabel控件之上进行刷图和绘画的类，要想实现画点画线，这三者必不可少。

来做一个非常简单的折线图：

1. void TBP::Line_Chart(int x1,int x2,QColor qc_back,QColor qc_line,QColor qc_point1,
   
2.                      QColor qc_point2,int x_point_num,int y_edge)
   
3. {
   
4.     int i=0;
   
5.     if(x1<0)x1 = 0;
   
6.     if(x1>100)x1 = 100;
   
7.     if(x2<0)x2 = 0;
   
8.     if(x2>100)x2 = 100;
   
9.     qimage.fill(qc_back);
   
10. 
    
11.     qpainter->setPen(qc_line);
    
12.     qpainter->drawLine(10 , 0 , 10 , y_edge);
    
13.     qpainter->drawLine(10 , y_edge , 490 , y_edge);
    
14. 
    
15. 
    
16.     for(i=0;i<=28;i++)
    
17.         line_chart_data1[i] = line_chart_data1[i+1];
    
18.     line_chart_data1[x_point_num] = x1;
    
19. 
    
20.     for(i=0;i<=28;i++)
    
21.         line_chart_data2[i] = line_chart_data2[i+1];
    
22.     line_chart_data2[x_point_num] = x2;
    
23. 
    
24.     for(i=0 ; i <= x_point_num ; i++)
    
25.     {
    
26.         Draw_Pixel1(5+10+30*i , y_edge - line_chart_data1[i] * 2 , 5 , qc_point1);
    
27.         Draw_Pixel1(5+10+30*i , y_edge - line_chart_data2[i] * 2 , 5 , qc_point2);
    
28.         if(i != x_point_num)
    
29.         {
    
30.             qpainter->setPen(qc_point1);
    
31.             qpainter->drawLine(5+10+30*i , y_edge - line_chart_data1[i]*2-3 , 5+10+30*(i+1),
    
32.                                y_edge - line_chart_data1[i+1]*2-3);
    
33.             qpainter->setPen(qc_point2);
    
34.             qpainter->drawLine(5+10+30*i , y_edge - line_chart_data2[i]*2-3 , 5+10+30*(i+1),
    
35.                                y_edge - line_chart_data2[i+1]*2-3);
    
36.         }
    
37.     }
    
38.     QWidget::update();
    
39. }
    

复制代码

采用一个全局静态数组实现新数据的推移添加。





然后是仪表盘：

1. void TBP::Dashboard(int value1,int value2,int value3,
   
2.                     QColor qc1,QColor qc2,QColor qc3)
   
3. {
   
4.     int i;
   
5.     if(value1 < 0)value1 = 0;
   
6.     if(value1 > 100)value1 = 100;
   
7.     if(value2 < 0)value2 = 0;
   
8.     if(value2 > 100)value2 = 100;
   
9.     static const QPoint secondHand[3] =
   
10.     {
    
11.         QPoint(4,17),
    
12.         QPoint(-4,17),
    
13.         QPoint(0, -100)
    
14.     };
    
15.     static const QPoint secondHand1[3] =
    
16.     {
    
17.         QPoint(2,17),
    
18.         QPoint(-2,17),
    
19.         QPoint(0, -50)
    
20.     };
    
21. 
    
22.     qpainter->restore();
    
23.     qpainter->save();
    
24.     qpainter->rotate(-156);
    
25.     for(i = 0 ; i <= 100 ; i++)
    
26.     {
    
27.         qpainter->rotate(3);
    
28.         if(i % 10 == 0 && i > 0)
    
29.         {
    
30.             qpainter->setPen(Qt::black);
    
31.             qpainter->drawLine(0,-130,1,-110);
    
32.             qpainter->drawLine(1,-130,0,-110);
    
33.             qpainter->drawLine(0,-130,0,-110);
    
34.             qpainter->drawLine(1,-130,1,-110);
    
35.         }
    
36.         else qpainter->setPen(Qt::blue);
    
37.         qpainter->drawLine(0,-130,0,-120);
    
38.     }
    
39.     qpainter->rotate(0);
    
40.     for(i = 0 ; i <= 20 ; i++)
    
41.     {
    
42.         qpainter->rotate(3);
    
43.         qpainter->setPen(QColor(255,255,0));
    
44.         qpainter->drawLine(0,-130,0,-110);
    
45.     }
    
46.     qpainter->setPen(Qt::black);
    
47.     QRectF rect1(-130 , -130 , 260, 260);
    
48.     qpainter->drawEllipse(rect1);
    
49.     QRectF rect2(-129 , -129 , 258, 258);
    
50.     qpainter->drawEllipse(rect2);
    
51.     QRectF rect3(-131 , -131 , 262, 262);
    
52.     qpainter->drawEllipse(rect3);
    
53.     QRectF rect4(-131 , -131 , 261, 261);
    
54.     qpainter->drawEllipse(rect4);
    
55.     QRectF rect5(-129 , -129 , 259, 259);
    
56.     qpainter->drawEllipse(rect5);
    
57. 
    
58.     qpainter->restore();
    
59.     qpainter->save();
    
60.     qpainter->rotate(-153 + value1 * 3);
    
61.     qpainter->setPen(qc1);
    
62.     qpainter->setBrush(qc1);
    
63.     qpainter->drawEllipse(-5,-5,10,10);
    
64.     qpainter->drawConvexPolygon(secondHand,3);
    
65. 
    
66.     qpainter->restore();
    
67.     qpainter->save();
    
68.     qpainter->rotate(-153+value2*3);
    
69.     qpainter->setPen(qc2);
    
70.     qpainter->setBrush(qc2);
    
71.     qpainter->drawEllipse(-5,-5,10,10);
    
72.     qpainter->drawConvexPolygon(secondHand,3);
    
73. 
    
74.     qpainter->restore();
    
75.     qpainter->save();
    
76.     qpainter->rotate((-value3)*3/5+804);
    
77.     qpainter->setPen(qc3);
    
78.     qpainter->setBrush(qc3);
    
79.     qpainter->drawEllipse(-5,-5,10,10);
    
80.     qpainter->drawConvexPolygon(secondHand1,3);
    
81. 
    
82.     qpainter->restore();
    
83.     qpainter->save();
    
84.     qpainter->setFont(QFont("Arial",12,QFont::Bold));
    
85.     qpainter->drawText(-80,125,"0");
    
86.     qpainter->drawText(-135,80,"10");
    
87.     qpainter->drawText(-160,13,"20");
    
88.     qpainter->drawText(-155,-22,"25");
    
89.     qpainter->drawText(-142,-58,"30");
    
90.     qpainter->drawText(-90,-113,"40");
    
91.     qpainter->drawText(-18,-135,"50");
    
92.     qpainter->drawText(125,-40,"75");
    
93.     qpainter->drawText(70,122,"100");
    
94. 
    
95.     qpainter->setPen(qc3);
    
96.     qpainter->setFont(QFont("Arial",8,QFont::Light));
    
97.     qpainter->drawText(-60,80,"990");
    
98.     qpainter->drawText(-15,100,"1040");
    
99.     qpainter->drawText(30,80,"1090");
    
100. 
     
101.     qpainter->setPen(Qt::darkBlue);
     
102.     qpainter->setBrush(Qt::darkBlue);
     
103.     qpainter->rotate(-146);
     
104.     for(i = 0 ; i <= 2950 ; i++)
     
105.     {
     
106.         qpainter->rotate(0.1);
     
107.         qpainter->drawLine(0,-180,0,-160);
     
108.     }
     
109.     QRectF rect9(-10, -180, 20, 20);
     
110.     qpainter->drawEllipse(rect9);
     
111. 
     
112.     qpainter->setPen(Qt::cyan);
     
113.     qpainter->setBrush(Qt::yellow);
     
114.     qpainter->rotate(-295);
     
115.     QRectF rect10(-10, -180, 20, 20);
     
116.     qpainter->drawEllipse(rect10);
     
117.     for(i = 0 ; i <= 2000 ; i++)
     
118.     {
     
119.         qpainter->rotate(0.1);
     
120.         qpainter->drawLine(0,-180,0,-160);
     
121.     }
     
122.     qpainter->drawEllipse(rect10);
     
123. 
     
124.     QWidget::update();
     
125. }
     

复制代码

阅读全文

NXP管管

期待做完善更新

codingtuzi

从图片上看，楼主的功能是简单的。
从开发的过程看，楼主的基础运行环境已经安装并测试完毕了。
楼主，我说得对吗？

stm1024

期待更加完善的介绍~~

ALTIUM2