如何使用Qt自定义控件实现圆盘进度条

这篇文章主要介绍如何使用Qt自定义控件实现圆盘进度条,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

公司主营业务:成都做网站、网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联建站是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联建站推出润州免费做网站回馈大家。

具体内容如下

自定义控件二:圆盘进度条

主要思路:使用qpainter根据图形需求 画圆和圆弧,画指针(多边形,指定坐标即可),根据具体的value值旋转坐标系,使指针达到旋转效果,旋转度数是根据value值,总共360度,占比求得。最中间需要画文字上去,每次更新value时调用update()方法,重绘界面。

主要代码:CMPassrate1.cpp

void CMPassrate1::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);  //绘制外圆  paintSide(&painter);  paintOutE(&painter);    paintLine(&painter);//绘制刻度线  paintInE(&painter);  paintPoint(&painter);//绘制指针  paintTextE(&painter);//绘制文字所在的圆  paintText(&painter);//绘制文字  paintValue(&painter);//绘制value对应的填充角度}void CMPassrate1::paintSide(QPainter *painter){  int radis = outRadis;  QRect rect(-radis,-radis,radis*2,radis*2);  painter->save();  painter->setBrush(QBrush(QColor("#505050")));  painter->setPen(Qt::NoPen);  painter->drawEllipse(rect);  painter->restore();}void CMPassrate1::paintOutE(QPainter *painter){  int radis = outRadis-side;  QRect rect(-radis,-radis,radis*2,radis*2);  painter->save();  painter->setBrush(QBrush(QColor("#868686")));  painter->setPen(Qt::NoPen);  painter->drawEllipse(rect);  painter->restore();}void CMPassrate1::paintLine(QPainter *painter){  int lineStart = outRadis-3;  painter->save();  painter->setPen(QColor("#868686"));  int range = 360/12;  for(int i = 0;i<12;i++){    painter->rotate(range);    painter->drawLine(QPoint(lineStart,0),QPoint(outRadis,0));  }  painter->restore();}void CMPassrate1::paintInE(QPainter *painter){  int radis = inRadis;  QRect rect(-radis,-radis,radis*2,radis*2);  painter->save();  painter->setBrush(QBrush(QColor("#646464")));  painter->setPen(Qt::NoPen);  painter->drawEllipse(rect);  painter->restore();}void CMPassrate1::paintTextE(QPainter *painter){  int radis = 23;  QRect rect(-radis,-radis,radis*2,radis*2);  painter->save();  painter->setBrush(QBrush(QColor("#FFFFFF")));  painter->setPen(Qt::NoPen);  painter->drawEllipse(rect);  painter->restore();}void CMPassrate1::paintPoint(QPainter *painter){   painter->save();   const QPoint points[3] = {       QPoint(10,0),       QPoint(-10,0),       QPoint(0,inRadis-5)     };   int range = ((double)value/100)*360;   painter->rotate(range);   painter->setPen(Qt::NoPen);   painter->setBrush(QBrush(QColor("#66CFFF")));   painter->drawConvexPolygon(points,3);   painter->restore();}void CMPassrate1::paintText(QPainter *painter){  int radis = 23;  QRect rect(-radis,-radis,radis*2,radis*2);  painter->save();  painter->setBrush(QBrush(QColor("#000000")));  painter->setPen(QPen(QColor("#000000")));  QFont font = painter->font();  font.setPixelSize(20);  painter->setFont(font);  painter->drawText(rect,Qt::AlignCenter,QString("%1%").arg(QString::number(value)));  painter->restore();}void CMPassrate1::paintValue(QPainter *painter){  int oRandis = outRadis-side;  qDebug()<<"value::"<save();  painter->setBrush(valueColor);  painter->setPen(Qt::NoPen);  painter->drawPath(path);  painter->restore();}

以上是“如何使用Qt自定义控件实现圆盘进度条”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


标题名称:如何使用Qt自定义控件实现圆盘进度条
分享链接:http://ybzwz.com/article/pessoe.html