Qt自定义控件实现进度仪表盘
本文实例为大家分享了Qt自定义控件实现进度仪表盘的具体代码，供大家参考，具体内容如下
先看效果图：
思路：外围的线共100根（自定义，可改变），总共占270度，然后按照先画一条线然后旋转坐标系的思路画出完整的线。内部即是一个灰色的背景圆，一个圆弧和中间的value对应的文字。
关键代码：CMPassrate2.cpp
voidCMPassrate2::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);
drawBGE(&painter);//画背景圆
drawTextE(&painter);//画文字所在圆弧
drawText(&painter);//画文字
drawLines(&painter);//画最外部的线
}
voidCMPassrate2::updateValue(floatvalue){//提供给外部的方法，用于更新value
this->value=value;
update();//每次更新value后，都重绘界面
}
voidCMPassrate2::drawLines(QPainter*painter){
painter->save();
QPenpen;
pen.setColor(QColor("#A7DD42"));
pen.setWidth(2);
painter->setPen(pen);
floatrange=270.0/lineCount;//自定义所有的线加起来占270度，100条线
painter->rotate(135);//旋转135度，开始画线，总共画270度。
QLineline(QPoint(outLineRadius,0),QPoint(innLineRadius,0));
for(inti=1;i<=lineCount;i++){
if(i>value){
QPenpen;
pen.setColor(QColor("#D7D7D7"));
pen.setWidth(2);
painter->setPen(pen);
}
painter->drawLine(line);
painter->rotate(range);
}
painter->restore();
}
voidCMPassrate2::drawBGE(QPainter*painter){
painter->save();
painter->setPen(Qt::NoPen);
painter->setBrush(QColor("#EAEAEA"));
QRectrect(-bgERadius,-bgERadius,bgERadius*2,bgERadius*2);
painter->drawEllipse(rect);
painter->restore();
}
voidCMPassrate2::drawTextE(QPainter*painter){
painter->save();
painter->setPen(Qt::NoPen);
painter->setBrush(QColor("#2DC877"));
QPainterPathpath;
QRectrectOut(-textOutRadius,-textOutRadius,textOutRadius*2,textOutRadius*2);
path.arcTo(rectOut,0,360);
QPainterPathsubPath;
QRectrectInn(-textInnRadius,-textInnRadius,textInnRadius*2,textInnRadius*2);
subPath.addEllipse(rectInn);
path-=subPath;
painter->drawPath(path);
painter->restore();
}
voidCMPassrate2::drawText(QPainter*painter){
painter->save();
painter->setPen(QColor("#62A0DB"));
QRectrectInn(-textInnRadius,-textInnRadius,textInnRadius*2,textInnRadius*2);
QFontfont=painter->font();
font.setPixelSize(textSize);
painter->setFont(font);
painter->drawText(rectInn,Qt::AlignCenter,QString::number(value));
painter->restore();
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。