Qt自定义控件实现多彩色仪表盘
本文实例为大家分享了Qt实现多彩色仪表盘的具体代码，供大家参考，具体内容如下
Qt自定义控件4：多彩色仪表盘
先看效果图：
思路：外围三色的圆弧红：蓝：绿=1：2：1，总共占270度。刻度线是根据所在圆弧的颜色而画，刻度线的角度也是根据坐标系的旋转而画。刻度值是根据刻度线的角度得到所要画的刻度的左上角的坐标，然后构成一个矩形，根据矩形画出刻度值。指针是根据四个点的坐标直接画的四边形，再旋转坐标系实现指针旋转的效果。下方的文字直接得到坐标横纵坐标位置得到矩形画出value的值
关键代码：CMPassrate3.cpp
voidCMPassrate3::paintEvent(QPaintEvent*event){
intwidth=this->width();
intheight=this->height();
intside=qMin(width,height);
QPainterpainter(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);
}
voidCMPassrate3::drawE(QPainter*painter){
painter->setPen(Qt::NoPen);
QRectrectOut(-outRadius,-outRadius,2*outRadius,2*outRadius);
QRectrectInn(-innRadius,-innRadius,2*innRadius,2*innRadius);
painter->save();
painter->setBrush(QColor("#04EEB2"));
QPainterPathpath;
path.arcTo(rectOut,-45,270.0/4);
QPainterPathsubPath;
subPath.addEllipse(rectInn);
path-=subPath;
painter->drawPath(path);
painter->restore();
painter->save();
QPainterPathbluePath;
QPainterPathblueSubPath;
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();
QPainterPathredPath;
QPainterPathredSubPath;
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();
}
voidCMPassrate3::drawLine(QPainter*painter){
painter->save();
painter->rotate(135);
//270/8度一格
for(inti=0;i<9;i++){
if(i<3){
painter->setPen(QColor("#FA468C"));
}elseif(i<6){
painter->setPen(QColor("#2DC5F6"));
}else{
painter->setPen(QColor("#04EEB2"));
}
QLineline(QPoint(lineStart,0),QPoint(innRadius,0));
painter->drawLine(line);
painter->rotate(270.0/8);
}
painter->restore();
}
voidCMPassrate3::drawPoint(QPainter*painter){
constQPointpoint[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)
};
floatrange=270.0/100*value;
painter->save();
painter->setBrush(QColor("#C2E481"));
painter->rotate(range);
painter->drawConvexPolygon(point,4);
painter->restore();
}
voidCMPassrate3::drawBG(QPainter*painter){//可以自行添加背景图片实现更加精美的效果
//painter->save();
//QImageimage(":/image/images/bg1.jpg");
//QRectrect(-this->width(),-this->height(),this->width()*2,this->height()*2);
//painter->drawImage(rect,image);
//painter->restore();
}
voidCMPassrate3::drawText(QPainter*painter){
painter->save();
//初始为
painter->setPen(Qt::black);
QFontfont=painter->font();
font.setPixelSize(8);
painter->setFont(font);
floatx,y;
for(floati=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);
QRectrect;
if(i<50){
rect.setX(x);
rect.setY(y);
}elseif(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();
}
voidCMPassrate3::drawBootomText(QPainter*painter){
painter->save();
painter->setPen(Qt::black);
QFontfont=painter->font();
font.setPixelSize(25);
painter->setFont(font);
painter->translate(0,outRadius-12);
intlength=20;
QRectrect(-length,-length,length*2,length*2);
painter->drawText(rect,Qt::AlignCenter,QString::number(value));
painter->restore();
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。