先貼上效果圖，注意，沒有寫邏輯，都是亂動的

注意看一下，右面的這兩個進度條，有瑕疵，就是我沒有把圖片處理干凈，這里猶豫我不知道這個具體的弧度，也沒法繪制，就偷懶了

?

現在上面放一個UI，把兩個進度條摳空了如下圖

?

完了在這個圖層下面在各放置兩個圖層，繪制就可以

?

這樣以后把下面的圖層填充繪制就好，類似PS中的蒙板

實現代碼

?

/** 繪制右側水溫條函數*/ void Widget::draw_Rline_1() {QPainter painer(ui->label_rline_1);painer.setRenderHint(QPainter::Antialiasing,true);if((135.0/290.0*pointer_angle)<115){painer.setBrush(QBrush(QColor(0,255,0)));}else{painer.setBrush(QBrush(QColor(255,0,0)));}painer.drawRect(0,135.0-(135.0/290.0*pointer_angle),60,(135.0/290.0*pointer_angle));} /** 繪制右側油量條函數*/ void Widget::draw_Rline_2() {QPainter painer(ui->label_rline_2);painer.setRenderHint(QPainter::Antialiasing,true);if((135.0/290.0*pointer_angle)<22){painer.setBrush(QBrush(QColor(255,0,0)));}else{painer.setBrush(QBrush(QColor(0,255,0)));}painer.drawRect(0,135.0-(135.0/290.0*pointer_angle),60,(135.0/290.0*pointer_angle)); }

?

轉載于:https://www.cnblogs.com/DreamDog/p/9160050.html

總結

以上是生活随笔為你收集整理的Qt Qwdget 汽车仪表知识点拆解4 另类进度条实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。