个人中心
gpt4 book ai didi

Qt自定义控件实现多彩色仪表盘

转载 作者：qq735679552 更新时间：2022-09-29 22:32:09 28 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章Qt自定义控件实现多彩色仪表盘由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

本文实例为大家分享了Qt实现多彩色仪表盘的具体代码，供大家参考，具体内容如下 。

Qt自定义控件4：多彩色仪表盘 。

先看效果图:

Qt自定义控件实现多彩色仪表盘

思路：外围三色的圆弧 红：蓝：绿 = 1：2：1，总共占270度。刻度线是根据所在圆弧的颜色而画，刻度线的角度也是根据坐标系的旋转而画。刻度值是根据刻度线的角度得到所要画的刻度的左上角的坐标，然后构成一个矩形，根据矩形画出刻度值。指针是根据四个点的坐标直接画的四边形，再旋转坐标系实现指针旋转的效果。下方的文字直接得到坐标横纵坐标位置得到矩形画出value的值 。

关键代码：CMPassrate3.cpp 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
void CMPassrate3::paintEvent(QPaintEvent *event){
   int width = this ->width();
   int height = this ->height();
   int side = qMin(width, height);
 
   QPainter painter( this );
   painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
   painter.translate(width / 2, height / 2);
   painter.scale(side / 200.0, side / 200.0);
   drawBG(&painter);
   drawE(&painter);
   drawLine(&painter);
   drawText(&painter);
   drawBootomText(&painter);
   drawPoint(&painter);
}
 
void CMPassrate3::drawE(QPainter* painter){
   painter->setPen(Qt::NoPen);
   QRect rectOut(-outRadius,-outRadius,2*outRadius,2*outRadius);
   QRect rectInn(-innRadius,-innRadius,2*innRadius,2*innRadius);
   painter->save();
   painter->setBrush(QColor( "#04EEB2" ));
   QPainterPath path;
   path.arcTo(rectOut,-45,270.0/4);
 
   QPainterPath subPath;
   subPath.addEllipse(rectInn);
   path -= subPath;
   painter->drawPath(path);
   painter->restore();
 
   painter->save();
   QPainterPath bluePath;
   QPainterPath blueSubPath;
   painter->setBrush(QColor( "#2DC5F6" ));
   bluePath.arcTo(rectOut,-45+(270.0/4),270.0/2);
 
   blueSubPath.addEllipse(rectInn);
   bluePath -= blueSubPath;
   painter->drawPath(bluePath);
   painter->restore();
 
   painter->save();
   QPainterPath redPath;
   QPainterPath redSubPath;
   painter->setBrush(QColor( "#FA468C" ));
   redPath.arcTo(rectOut,-45+270.0*3/4,270.0/4);
 
   redSubPath.addEllipse(rectInn);
   redPath -= redSubPath;
   painter->drawPath(redPath);
   painter->restore();
}
 
void CMPassrate3::drawLine(QPainter* painter){
   painter->save();
   painter->rotate(135);
   //270/8度一格
   for ( int i = 0;i<9;i++){
     if (i<3){
       painter->setPen(QColor( "#FA468C" ));
     } else if (i<6){
       painter->setPen(QColor( "#2DC5F6" ));
     } else {
       painter->setPen(QColor( "#04EEB2" ));
     }
     QLine line(QPoint(lineStart,0),QPoint(innRadius,0));
     painter->drawLine(line);
     painter->rotate(270.0/8);
   }
   painter->restore();
}
 
void CMPassrate3::drawPoint(QPainter* painter){
   const QPoint point[4]{
     QPoint(0,0),QPoint(0,6),QPoint((lineStart-3)*qCos(135*3.14/180),(lineStart-3)*qSin(135*3.14/180)),QPoint(-6,0)
   };
   float range = 270.0/100*value;
   painter->save();
   painter->setBrush(QColor( "#C2E481" ));
   painter->rotate(range);
   painter->drawConvexPolygon(point,4);
   painter->restore();
}
 
void CMPassrate3::drawBG(QPainter* painter){ //可以自行添加背景图片实现更加精美的效果
//  painter->save();
//  QImage image(":/image/images/bg1.jpg");
//  QRect rect(-this->width(),-this->height(),this->width()*2,this->height()*2);
//  painter->drawImage(rect,image);
//  painter->restore();
 
}
 
void CMPassrate3::drawText(QPainter *painter){
   painter->save();
   //初始为
   painter->setPen(Qt::black);
   QFont font = painter->font();
   font.setPixelSize(8);
   painter->setFont(font);
   float x,y;
   for ( float i =0;i<=100;i+=12.5){
     x = lineStart*qCos((135+(270.0/8)*((i+1)/12.5))*3.14/180);
     y = lineStart*qSin((135+(270.0/8)*((i+1)/12.5))*3.14/180);
     QRect rect;
     if (i<50){
       rect.setX(x);
       rect.setY(y);
     } else if (i>50){
       rect.setX(x-17);
       rect.setY(y-7);
     } else {
       rect.setX(x);
       rect.setY(y);
     }
     rect.setWidth(17);
     rect.setHeight(10);
     painter->drawText(rect,Qt::AlignCenter,QString::number(i));
   }
 
 
   painter->restore();
}
 
void CMPassrate3::drawBootomText(QPainter *painter){
   painter->save();
   painter->setPen(Qt::black);
   QFont font = painter->font();
   font.setPixelSize(25);
   painter->setFont(font);
   painter->translate(0,outRadius-12);
   int length = 20;
   QRect rect(-length,-length,length*2,length*2);
   painter->drawText(rect,Qt::AlignCenter,QString::number(value));
   painter->restore();
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我.

原文链接：https://blog.csdn.net/parkchorong/article/details/102539008 。

最后此篇关于Qt自定义控件实现多彩色仪表盘的文章就讲到这里了,如果你想了解更多关于Qt自定义控件实现多彩色仪表盘的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

28 4 0
文章推荐： Qt自定义控件实现圆圈加载进度条
文章推荐： Mac系统完美安装PHP7详细教程
文章推荐： PHP实现的注册，登录及查询用户资料功能API接口示例
文章推荐： Qt自定义控件实现进度仪表盘
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com