Qt自定義控件實現(xiàn)圓盤進度條
本文實例為大家分享了Qt圓盤進度條的具體代碼,供大家參考,具體內(nèi)容如下
自定義控件二:圓盤進度條
上效果圖:
主要思路:使用qpainter根據(jù)圖形需求 畫圓和圓弧,畫指針(多邊形,指定坐標(biāo)即可),根據(jù)具體的value值旋轉(zhuǎn)坐標(biāo)系,使指針達到旋轉(zhuǎn)效果,旋轉(zhuǎn)度數(shù)是根據(jù)value值,總共360度,占比求得。最中間需要畫文字上去,每次更新value時調(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í)有所幫助,也希望大家多多支持我們。
上一篇:C++使用OpenCV實現(xiàn)證件照藍底換成白底功能(或其
欄 目:C語言
本文標(biāo)題:Qt自定義控件實現(xiàn)圓盤進度條
本文地址:http://www.jygsgssxh.com/a1/Cyuyan/60.html
您可能感興趣的文章
- 01-10數(shù)據(jù)結(jié)構(gòu)課程設(shè)計-用棧實現(xiàn)表達式求值的方法詳解
 - 01-10使用OpenGL實現(xiàn)3D立體顯示的程序代碼
 - 01-10求斐波那契(Fibonacci)數(shù)列通項的七種實現(xiàn)方法
 - 01-10C語言 解決不用+、-、&#215;、&#247;數(shù)字運算符做加法
 - 01-10使用C++實現(xiàn)全排列算法的方法詳解
 - 01-10用C++實現(xiàn)DBSCAN聚類算法
 - 01-10深入全排列算法及其實現(xiàn)方法
 - 01-10全排列算法的非遞歸實現(xiàn)與遞歸實現(xiàn)的方法(C++)
 - 01-10用C語言實現(xiàn)單鏈表的各種操作(一)
 - 01-10用C語言實現(xiàn)單鏈表的各種操作(二)
 


閱讀排行
本欄相關(guān)
- 04-02c語言函數(shù)調(diào)用后清空內(nèi)存 c語言調(diào)用
 - 04-02func函數(shù)+在C語言 func函數(shù)在c語言中
 - 04-02c語言的正則匹配函數(shù) c語言正則表達
 - 04-02c語言用函數(shù)寫分段 用c語言表示分段
 - 04-02c語言中對數(shù)函數(shù)的表達式 c語言中對
 - 04-02c語言編寫函數(shù)冒泡排序 c語言冒泡排
 - 04-02c語言沒有round函數(shù) round c語言
 - 04-02c語言分段函數(shù)怎么求 用c語言求分段
 - 04-02C語言中怎么打出三角函數(shù) c語言中怎
 - 04-02c語言調(diào)用函數(shù)求fibo C語言調(diào)用函數(shù)求
 
隨機閱讀
- 01-10使用C語言求解撲克牌的順子及n個骰子
 - 04-02jquery與jsp,用jquery
 - 01-10C#中split用法實例總結(jié)
 - 08-05DEDE織夢data目錄下的sessions文件夾有什
 - 08-05dedecms(織夢)副欄目數(shù)量限制代碼修改
 - 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
 - 01-10delphi制作wav文件的方法
 - 08-05織夢dedecms什么時候用欄目交叉功能?
 - 01-10SublimeText編譯C開發(fā)環(huán)境設(shè)置
 - 01-11ajax實現(xiàn)頁面的局部加載
 


