網上抄別人的，只是放這里自己看一下，看完就刪掉

ui

Dashboard.pro

QT       += core guigreaterThan(QT_MAJOR_VERSION, 4): QT += widgetsCONFIG += c++11# You can make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0SOURCES += \main.cpp \mainwindow.cppHEADERS += \mainwindow.hFORMS += \mainwindow.ui# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += targetRESOURCES += \pic.qrc

?mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H#include <QMainWindow>
#include <QDebug>
#include <QtMath>
#include <QDialog>
#include <QPainter>
#include <QPaintEvent>
#include <QPainterPath>
#include <QRadialGradient>#include <QTimer>
#include <QKeyEvent>QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACEclass MainWindow : public QMainWindow
{Q_OBJECTpublic:MainWindow(QWidget *parent = nullptr);~MainWindow();QTimer *myTimer;int radius;//儀表盤的中心位置int direction;//指針運動的方向,1為前進，0為后退protected:void paintEvent(QPaintEvent*);
private:int degRotate =0;private:void DrawPoint(QPainter&,int);void DrawDigital(QPainter&,int);void DrawCircle(QPainter&,int);void DrawSmallScale(QPainter&,int);void DrawBigScale(QPainter&,int);void DrawUnit(QPainter&,int);void DrawNum(QPainter&,int);void DrawPointer(QPainter&,int);void drawIndicator(QPainter *painter);void DrawCircle_line(QPainter& painter,int radius);void DrawCircle_bom(QPainter& painter,int radius);void DrawCircle_bom_big(QPainter& painter,int radius);void DrawCircle_bom_shine(QPainter& painter,int radius);void DrawCircle_bom_small(QPainter& painter,int radius);void DrawCircle_arc(QPainter& painter,int radius);void keyPressEvent(QKeyEvent *event);void keyReleaseEvent(QKeyEvent *event);private slots:void slot_speed_changed();private:Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

?mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);setFixedSize(1280,800);//設置背景墻this->setStyleSheet("#MainWindow{background-image:url(:/res/pic/background.png)}");//定時器動態增加時速myTimer = new QTimer(this);connect(myTimer,SIGNAL(timeout()),this,SLOT(slot_speed_changed()));}void MainWindow::paintEvent(QPaintEvent*)
{QPainter painter(this);int width=this->width();int height=this->height() - 100;//移動儀表盤的高度int radius=((width>height)?height:width)/2.0;//儀表盤的中心位置//移動畫筆到中下方painter.translate(width/2,height*0.6);//啟用反鋸齒painter.setRenderHint(QPainter::Antialiasing, true);painter.setPen(Qt::NoPen);//設置畫刷顏色painter.setBrush(QColor(138,43,226));DrawSmallScale(painter,radius-60);//刻度線DrawDigital(painter,radius-90);//刻度數字/*所有形狀繪畫*/
//    DrawCircle_bom(painter,radius-40);  //扇形大圓DrawCircle(painter,radius-35);      //漸變發光外扇形DrawCircle_arc(painter,radius - 40);//動態扇形環DrawPointer(painter,radius-130);//指針DrawCircle_line(painter,radius-35); //最外細圓線DrawCircle_bom_big(painter,radius-150);//中間大圓DrawCircle_bom_shine(painter,radius - 230);//漸變發光內圈DrawCircle_bom_small(painter,radius - 200);//中間小圓DrawUnit(painter,radius - 390);//單位DrawNum(painter,radius-300);//時速
}
//繪制外圈點
void MainWindow::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(250,252,78));//計算并移動繪圖對象中心點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 MainWindow::DrawDigital(QPainter& painter,int radius)
{//設置畫筆，畫筆默認NOPENpainter.setPen(QColor(255,255,255));QFont font;font.setFamily("Arial");font.setPointSize(15);font.setBold(true);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(-25, 0, 50, 20,Qt::AlignCenter,QString::number(i*20));painter.restore();}//還原畫筆painter.setPen(Qt::NoPen);
}void MainWindow::DrawCircle_bom(QPainter& painter,int radius)
{//保存繪圖對象painter.save();//計算大小圓路徑QPainterPath outRing;outRing.moveTo(0,0);outRing.arcTo(-radius,-radius, 2*radius,2*radius,-30,240);outRing.closeSubpath();//設置畫刷painter.setBrush(QColor(14,15,33));painter.drawPath(outRing);painter.restore();
}void  MainWindow::DrawCircle_bom_shine(QPainter& painter,int radius)
{painter.save();QRadialGradient radialGradient(0,0,radius,0,0);
//    radialGradient.setColorAt(0.5,QColor(8,77,197));radialGradient.setColorAt(0.5,QColor(10,68,185,150));radialGradient.setColorAt(1.0,Qt::transparent);painter.setBrush(QBrush(radialGradient));painter.drawRect(-radius,-radius,2*(radius),2*(radius));painter.restore();}void  MainWindow::DrawCircle_bom_big(QPainter& painter,int radius)
{//保存繪圖對象painter.save();//計算大小圓路徑QPainterPath inRing;inRing.moveTo(0,0);inRing.addEllipse(-radius+50,-radius + 50,2*(radius-50),2*(radius-50));//設置畫刷painter.setBrush(QColor(10,20,30));painter.drawPath(inRing);painter.restore();
}void  MainWindow::DrawCircle_bom_small(QPainter& painter,int radius)
{//保存繪圖對象painter.save();//計算大小圓路徑QPainterPath inRing;inRing.moveTo(0,0);inRing.addEllipse(-radius+50,-radius + 50,2*(radius-50),2*(radius-50));//設置畫刷painter.setBrush(QColor(10,20,30));painter.drawPath(inRing);painter.restore();
}void MainWindow::DrawCircle_arc(QPainter& painter,int radius)
{QRect rect(-radius,-radius,2*radius,2*radius);QConicalGradient Conical(0,0,-70);Conical.setColorAt(0.1,QColor(255,88,127,200));//紅色Conical.setColorAt(0.5,QColor(53,179,251,150));//藍色painter.setBrush(Conical);painter.drawPie(rect,210*16,-(degRotate)*16);
}void MainWindow::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,-30,240);inRing.addEllipse(-radius+50,-radius + 50,2*(radius-50),2*(radius-50));outRing.closeSubpath();//設置漸變色kQRadialGradient radialGradient(0,0,radius,0,0);radialGradient.setColorAt(1,QColor(0,82,199));radialGradient.setColorAt(0.92,Qt::transparent);//設置畫刷painter.setBrush(radialGradient);//大圓減小圓painter.drawPath(outRing.subtracted(inRing));painter.restore();
}void MainWindow::DrawCircle_line(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,-30,240);inRing.addEllipse(-radius+2,-radius+2,2*(radius-2),2*(radius-2));outRing.closeSubpath();//設置畫刷painter.setBrush(QColor(5,228,255));//大圓減小圓painter.drawPath(outRing.subtracted(inRing));painter.restore();
}//繪制刻度
void MainWindow::DrawSmallScale(QPainter& painter,int radius)
{//組裝點的路徑圖QPainterPath pointPath_small;pointPath_small.moveTo(-2,-2);pointPath_small.lineTo(2,-2);pointPath_small.lineTo(2,8);pointPath_small.lineTo(-2,8);QPainterPath pointPath_big;pointPath_big.moveTo(-2,-2);pointPath_big.lineTo(2,-2);pointPath_big.lineTo(2,20);pointPath_big.lineTo(-2,20);//繪制121個小點for(int i=0;i<121;i+=2){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<80){painter.setBrush(QColor(255,255,255));}if(i>=80){painter.setBrush(QColor(235,70,70));}if(i%5 == 0){painter.drawPath(pointPath_big);//繪畫大刻度}else{painter.drawPath(pointPath_small);//繪畫小刻度}painter.restore();}
}//繪制文字
void MainWindow::DrawUnit(QPainter& painter,int radius)
{painter.save();painter.setPen(QColor(255,255,255));QFont font;font.setFamily("Arial");font.setPointSize(16);font.setBold(true);painter.setFont(font);painter.drawText(-50, -radius, 100, 20,Qt::AlignCenter,QString("km/h"));painter.drawText(-60, -radius + 130, 120, 40,Qt::AlignCenter,QString("當前車速"));painter.setPen(QColor(255,255,255,50));painter.drawText(-120, -radius + 280, 250, 40,Qt::AlignCenter,QString("-請按space鍵加速-"));painter.restore();
}//繪制實時時速數字
void MainWindow::DrawNum(QPainter& painter,int radius)
{painter.save();painter.setPen(QColor(255,255,255));QFont font;font.setFamily("Arial");font.setPointSize(45);painter.setFont(font);painter.drawText(-75, -radius - 20, 150, 100,Qt::AlignCenter,QString::number(degRotate));painter.restore();
}//繪制指針
void MainWindow::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();//計算并選擇繪圖對象坐標painter.rotate(degRotate - 120);painter.setBrush(QColor(255,255,255));painter.drawPath(pointPath.subtracted(inRing));painter.restore();
}//動態增加時速畫面效果
void MainWindow::slot_speed_changed()
{if(direction == 1)//加速{degRotate++;if(degRotate > 240)degRotate = 240;}else if(direction == 0)//減速{degRotate--;if(degRotate < 0){degRotate = 0;myTimer->stop();}}update();//刷新畫面。很重要！
}//按鍵按下事件
void MainWindow::keyPressEvent(QKeyEvent *event)
{if(event->key() == Qt::Key_Space){if(direction == 0){myTimer->start(1);direction = 1;}}
}
//按鍵釋放事件
void MainWindow::keyReleaseEvent(QKeyEvent *event)
{if(event->key() == Qt::Key_Space){direction = 0;}
}MainWindow::~MainWindow()
{delete ui;
}

main.cpp?

#include "mainwindow.h"#include <QApplication>int main(int argc, char *argv[])
{QApplication a(argc, argv);MainWindow w;w.show();return a.exec();
}