網站首頁 編程語言 正文
1.預覽圖
2. 代碼
頭文件
#ifndef MOTORMETER_H #define MOTORMETER_H #include <QWidget> #include <QDebug> #include <QtMath> #include <QDialog> #include <QPainter> #include <QPaintEvent> #include <QPainterPath> #include <QRadialGradient> class motormeter : public QWidget { Q_OBJECT public: explicit motormeter(QWidget *parent = nullptr); ~motormeter(); protected: void paintEvent(QPaintEvent*); private: int degRotate =-120; private: void DrawPoint(QPainter&,int); void DrawDigital(QPainter&,int); void DrawCircle(QPainter&,int); void DrawSmallScale(QPainter&,int); void DrawBigScale(QPainter&,int); void DrawText(QPainter&,int); void DrawPointer(QPainter&,int); void drawIndicator(QPainter *painter); public slots: void valueChanged(int); }; #endif // MOTORMETER_H
源文件
#include "motormeter.h" motormeter::motormeter(QWidget *parent) : QWidget(parent) { } motormeter::~motormeter() { } void motormeter::paintEvent(QPaintEvent*) { QPainter painter(this); int width=this->width(); int height=this->height(); int radius=((width>height)?height:width)/2; //移動畫筆到中下方 painter.translate(width/2,height*0.6); //啟用反鋸齒 painter.setRenderHint(QPainter::Antialiasing, true); painter.setPen(Qt::NoPen); //設置畫刷顏色 painter.setBrush(QColor(138,43,226)); DrawPoint(painter,radius); DrawDigital(painter,radius-10); DrawCircle(painter,radius-35); DrawSmallScale(painter,radius-60); DrawBigScale(painter,radius-75); DrawText(painter,radius/2); DrawPointer(painter,radius-100); } //繪制外圈點 void motormeter::DrawPoint(QPainter& painter,int radius) { //組裝點的路徑圖 QPainterPath pointPath; pointPath.moveTo(-2,-2); pointPath.lineTo(2,-2); pointPath.lineTo(2,2); pointPath.lineTo(0,4); pointPath.lineTo(-2,2); //繪制13個小點 for(int i=0;i<13;++i){ QPointF point(0,0); painter.save(); painter.setBrush(QColor(255,127,80)); //計算并移動繪圖對象中心點 point.setX(radius*qCos(((210-i*20)*M_PI)/180)); point.setY(radius*qSin(((210-i*20)*M_PI)/180)); //計算并移動繪圖對象的中心點 painter.translate(point.x(),-point.y()); //計算并選擇繪圖對象坐標 painter.rotate(-120+i*20); //繪制路徑 painter.drawPath(pointPath); painter.restore(); } } //繪制外圈數字,原理和繪制圓圈點一樣 void motormeter::DrawDigital(QPainter& painter,int radius) { //設置畫筆,畫筆默認NOPEN painter.setPen(QColor(218,112,214)); QFont font; font.setFamily("Cambria"); font.setPointSize(15); painter.setFont(font); for(int i=0;i<13;++i){ QPointF point(0,0); painter.save(); point.setX(radius*qCos(((210-i*20)*M_PI)/180)); point.setY(radius*qSin(((210-i*20)*M_PI)/180)); painter.translate(point.x(),-point.y()); painter.rotate(-120+i*20); painter.drawText(-15, -5, 40, 30,Qt::AlignCenter,QString::number(i*20)); painter.restore(); } //還原畫筆 painter.setPen(Qt::NoPen); } //繪制外圈 void motormeter::DrawCircle(QPainter& painter,int radius) { //保存繪圖對象 painter.save(); //計算大小圓路徑 QPainterPath outRing; QPainterPath inRing; outRing.moveTo(0,0); inRing.moveTo(0,0); outRing.arcTo(-radius,-radius, 2*radius,2*radius,-31,242); inRing.addEllipse(-radius+20,-radius+20,2*(radius-20),2*(radius-20)); outRing.closeSubpath(); //設置漸變色k QRadialGradient radialGradient(0,0,radius,0,0); radialGradient.setColorAt(0.93,QColor(138,43,226)); radialGradient.setColorAt(1,QColor(0,0,0)); //設置畫刷 painter.setBrush(radialGradient); //大圓減小圓 painter.drawPath(outRing.subtracted(inRing)); //painter.drawPath(outRing); //painter.drawPath(inRing); painter.restore(); } //繪制刻度 void motormeter::DrawSmallScale(QPainter& painter,int radius) { //組裝點的路徑圖 QPainterPath pointPath; pointPath.moveTo(-2,-2); pointPath.lineTo(-1,-4); pointPath.lineTo(1,-4); pointPath.lineTo(2,-2); pointPath.lineTo(1,8); pointPath.lineTo(-1,8); //繪制121個小點 for(int i=0;i<121;++i){ QPointF point(0,0); painter.save(); point.setX(radius*qCos(((210-i*2)*M_PI)/180)); point.setY(radius*qSin(((210-i*2)*M_PI)/180)); painter.translate(point.x(),-point.y()); painter.rotate(-120+i*2); if(i>=90) painter.setBrush(QColor(250,0,0)); painter.drawPath(pointPath); painter.restore(); } } //繪制刻度 void motormeter::DrawBigScale(QPainter& painter,int radius) { //組裝點的路徑圖 QPainterPath pointPath1; pointPath1.moveTo(-2,-2); pointPath1.lineTo(-1,-4); pointPath1.lineTo(1,-4); pointPath1.lineTo(2,-2); pointPath1.lineTo(1,8); pointPath1.lineTo(-1,8); QPainterPath pointPath2; pointPath2.moveTo(-2,-2); pointPath2.lineTo(-1,-4); pointPath2.lineTo(1,-4); pointPath2.lineTo(2,-2); pointPath2.lineTo(1,15); pointPath2.lineTo(-1,15); //繪制25個刻度 for(int i=0;i<25;++i){ QPointF point(0,0); painter.save(); point.setX(radius*qCos(((210-i*10)*M_PI)/180)); point.setY(radius*qSin(((210-i*10)*M_PI)/180)); painter.translate(point.x(),-point.y()); painter.rotate(-120+i*10); if(i>=18) painter.setBrush(QColor(250,0,0)); if(i%2){ painter.drawPath(pointPath1); } else{ painter.drawPath(pointPath2); } painter.restore(); } } //繪制中心文字km/h void motormeter::DrawText(QPainter& painter,int radius) { painter.save(); painter.setPen(QColor(153,51,250)); QFont font; font.setFamily("Cambria"); font.setPointSize(16); painter.setFont(font); painter.drawText(-25, -radius, 60, 30,Qt::AlignCenter,QString("km/h")); painter.restore(); } //繪制指針 void motormeter::DrawPointer(QPainter& painter,int radius) { //組裝點的路徑圖 QPainterPath pointPath; pointPath.moveTo(10,0); pointPath.lineTo(1,-radius); pointPath.lineTo(-1,-radius); pointPath.lineTo(-10,0); pointPath.arcTo(-10,0,20,20,180,180); QPainterPath inRing; inRing.addEllipse(-5,-5,10,10); painter.save(); QRadialGradient radialGradient(0,0,radius,0,0); radialGradient.setColorAt(0,QColor(0,199,140,150)); radialGradient.setColorAt(1,QColor(255,153,18,150)); //計算并選擇繪圖對象坐標 painter.rotate(degRotate); painter.setBrush(radialGradient); painter.drawPath(pointPath.subtracted(inRing)); painter.restore(); } void motormeter::valueChanged(int value) { this->degRotate = value; update(); }
3. 用法
創建類,然后在創建的頭文件和源文件里面添加上述代碼
在UI界面里面拖拽widget部件
將widget部件提升為自定義的類,在提升的類名稱里面填入上面源代碼里面的類名
調用函數如下,在設計師界面類里面調用這個函數即可
void motormeter::valueChanged(int value) { this->degRotate = value; update(); }
//設置背景墻 QPalette bgpal= palette(); bgpal.setColor(QPalette::Background,QColor(0,0,0)); setPalette (bgpal); ui->motormeter->valueChanged(a);
原文鏈接:https://blog.csdn.net/wwws1994/article/details/122757003
相關推薦
- 2023-04-12 C#?DataGridView行列轉換的具體實現_python
- 2022-03-24 C語言常見的文件操作函數_C 語言
- 2022-09-10 詳解Python腳本如何設置試用期_python
- 2022-05-18 基于python介紹pytorch保存和恢復參數_python
- 2022-06-30 python神經網絡Xception模型復現詳解_python
- 2022-07-04 C#操作Windows服務類System.ServiceProcess.ServiceBase_C#
- 2022-09-17 Python中re.findall()用法詳解_python
- 2022-11-15 Apache?Doris的Bitmap索引和BloomFilter索引使用及注意事項_Linux
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支