Qt自定义控件实现圆盘进度条
脚本之家 / 编程助手:解决程序员“几乎”所有问题!
脚本之家官方知识库 → 点击立即使用
本文实例为大家分享了Qt圆盘进度条的具体代码,供大家参考,具体内容如下
自定义控件二:圆盘进度条
上效果图:
主要思路:使用qpainter根据图形需求 画圆和圆弧,画指针(多边形,指定坐标即可),根据具体的value值旋转坐标系,使指针达到旋转效果,旋转度数是根据value值,总共360度,占比求得。最中间需要画文字上去,每次更新value时调用update()方法,重绘界面。
主要代码:CMPassrate1.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 | 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::" <<value; int rangle = (( double )value/100)*360; QRectF rect(-oRandis, -oRandis, oRandis << 1, oRandis << 1); QPainterPath path; qDebug()<< "rangle:" <<rangle<< " start:" <<270-rangle; path.arcTo(rect, 270-rangle, rangle); // QRectF(-120, -120, 240, 240) QPainterPath subPath; subPath.addEllipse(rect.adjusted((oRandis-inRadis),(oRandis-inRadis),-(oRandis-inRadis),-(oRandis-inRadis))); // path为扇形 subPath为椭圆 path -= subPath; painter->save(); painter->setBrush(valueColor); painter->setPen(Qt::NoPen); painter->drawPath(path); painter->restore(); } |
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
微信公众号搜索 “ 脚本之家 ” ,选择关注
程序猿的那些事、送书等活动等着你
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 reterry123@163.com 进行投诉反馈,一经查实,立即处理!
相关文章
C++11 写一个只触发一次槽函数的Qt connect函数
这篇文章主要为大家介绍了C++11 写一个只触发一次槽函数的Qt connect函数实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2022-09-09
最新评论