這篇文章主要介紹Qt自定義控件如何實(shí)現(xiàn)進(jìn)度儀表盤，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

安福網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,安福網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為安福上1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)營銷網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的安福做網(wǎng)站的公司定做！

本文實(shí)例為大家分享了Qt自定義控件實(shí)現(xiàn)進(jìn)度儀表盤的具體代碼，供大家參考，具體內(nèi)容如下

先看效果圖：

思路：外圍的線共100根（自定義，可改變），總共占270度，然后按照 先畫一條線然后旋轉(zhuǎn)坐標(biāo)系的思路畫出完整的線。內(nèi)部即是一個(gè)灰色的背景圓，一個(gè)圓弧和中間的value對(duì)應(yīng)的文字。

關(guān)鍵代碼：CMPassrate2.cpp

void CMPassrate2::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);

 drawBGE(&painter); //畫背景圓
 drawTextE(&painter);//畫文字所在圓弧
 drawText(&painter);//畫文字
 drawLines(&painter);//畫最外部的線
}

void CMPassrate2::updateValue(float value){//提供給外部的方法，用于更新value
 this->value = value;
 update();//每次更新value后，都重繪界面
}
void CMPassrate2::drawLines(QPainter* painter){
 painter->save();
 QPen pen;
 pen.setColor(QColor("#A7DD42"));
 pen.setWidth(2);
 painter->setPen(pen);

 float range = 270.0/lineCount; //自定義所有的線加起來占270度，100條線
 painter->rotate(135);//旋轉(zhuǎn)135度，開始畫線，總共畫270度。
 QLine line(QPoint(outLineRadius,0),QPoint(innLineRadius,0));
 for(int i = 1;i<=lineCount;i++){
  if(i>value){
   QPen pen;
   pen.setColor(QColor("#D7D7D7"));
   pen.setWidth(2);
   painter->setPen(pen);
  }
  painter->drawLine(line);
  painter->rotate(range);
 }
 painter->restore();
}
void CMPassrate2::drawBGE(QPainter* painter){
 painter->save();
 painter->setPen(Qt::NoPen);
 painter->setBrush(QColor("#EAEAEA"));
 QRect rect(-bgERadius,-bgERadius,bgERadius*2,bgERadius*2);
 painter->drawEllipse(rect);
 painter->restore();
}
void CMPassrate2::drawTextE(QPainter* painter){
 painter->save();
 painter->setPen(Qt::NoPen);
 painter->setBrush(QColor("#2DC877"));

 QPainterPath path;
 QRect rectOut(-textOutRadius,-textOutRadius,textOutRadius*2,textOutRadius*2);
 path.arcTo(rectOut,0,360);

 QPainterPath subPath;
 QRect rectInn(-textInnRadius,-textInnRadius,textInnRadius*2,textInnRadius*2);
 subPath.addEllipse(rectInn);
 path -= subPath;
 painter->drawPath(path);
 painter->restore();
}
void CMPassrate2::drawText(QPainter* painter){
 painter->save();
 painter->setPen(QColor("#62A0DB"));
 QRect rectInn(-textInnRadius,-textInnRadius,textInnRadius*2,textInnRadius*2);
 QFont font = painter->font();
 font.setPixelSize(textSize);
 painter->setFont(font);
 painter->drawText(rectInn,Qt::AlignCenter,QString::number(value));
 painter->restore();
}

以上是“Qt自定義控件如何實(shí)現(xiàn)進(jìn)度儀表盤”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！