Qt自定義控件實(shí)現(xiàn)圓盤進(jìn)度條
本文實(shí)例為大家分享了Qt圓盤進(jìn)度條的具體代碼,供大家參考,具體內(nèi)容如下
自定義控件二:圓盤進(jìn)度條
上效果圖:
主要思路:使用qpainter根據(jù)圖形需求 畫圓和圓弧,畫指針(多邊形,指定坐標(biāo)即可),根據(jù)具體的value值旋轉(zhuǎn)坐標(biāo)系,使指針達(dá)到旋轉(zhuǎn)效果,旋轉(zhuǎn)度數(shù)是根據(jù)value值,總共360度,占比求得。最中間需要畫文字上去,每次更新value時(shí)調(diào)用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對應(yīng)的填充角度 } 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(); }
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于C++多重繼承下虛表結(jié)構(gòu)的問題
這篇文章主要介紹了C++ 多重繼承下虛表結(jié)構(gòu)的問題,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-09-09Qt物聯(lián)網(wǎng)管理平臺之實(shí)現(xiàn)告警短信轉(zhuǎn)發(fā)
系統(tǒng)在運(yùn)行過程中,會實(shí)時(shí)采集設(shè)備的數(shù)據(jù),當(dāng)采集到的數(shù)據(jù)發(fā)生報(bào)警后,可以將報(bào)警信息以短信的形式發(fā)送給指定的管理員。本文將利用Qt實(shí)現(xiàn)告警短信轉(zhuǎn)發(fā),感興趣的可以嘗試一下2022-07-07C++11 寫一個(gè)只觸發(fā)一次槽函數(shù)的Qt connect函數(shù)
這篇文章主要為大家介紹了C++11 寫一個(gè)只觸發(fā)一次槽函數(shù)的Qt connect函數(shù)實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09VS2019簡單快速的打包可安裝項(xiàng)目(圖文教程)
這篇文章主要介紹了VS2019簡單快速的打包可安裝項(xiàng)目,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03C++動(dòng)態(tài)規(guī)劃中關(guān)于背包問題講解
可能有些讀者有接觸過動(dòng)態(tài)規(guī)劃,可能也有一些讀者以前完全不知道動(dòng)態(tài)規(guī)劃這個(gè)東西,別擔(dān)心,我這篇文章會為讀者做一個(gè)入門,好讓讀者掌握這個(gè)重要的知識點(diǎn)2023-03-03一盤王者的時(shí)間用C語言實(shí)現(xiàn)三子棋
相信我們都玩過三子棋,規(guī)則很簡單,但想用c語言做出這個(gè)游戲,事實(shí)上也是比較簡單的,下面通過c語言進(jìn)行對五子棋的分析2022-02-02