QT绘图项目 - 汽车表盘

最新推荐文章于 2024-08-24 08:31:53 发布
最新推荐文章于 2024-08-24 08:31:53 发布
阅读量1k 收藏 11
点赞数 32
分类专栏： Qt绘图 文章标签： 汽车 qt c++ QPainter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mx_jun/article/details/139659022
版权

目录

前言:

整体代码

widget.h

widget.cpp

效果演示

实现刻度文字正确排版

优化代码

达到效果

封装整理代码结构:

widget.h

widget.cpp

指针样式美化

 优化后的指针API

效果演示

设置高速刻度为红色

 优化刻度API

效果演示

速度显示优化

给内圈画上黑色

优化速度显示文本格式

调整绘画顺序

效果演示

实现内环发光圈:

内环发光效果API

插入位置

效果演示

实现外环发个圈

外环发光效果API

插入位置

实现效果

绘制汽车logo

绘制汽车logo的API

插入位置

实现效果

deBug及微调

bug1: restore（）和 save() 没有配对使用

bug2：中间显示的速度不匹配

前言:

 这个表盘在上一个项目"简易表盘"的基础上搭建，请先看上篇:

Qt绘图项目 - 简易表盘-CSDN博客

整体代码

widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

protected:
   void paintEvent(QPaintEvent *event);

private:
    Ui::Widget *ui;
    QTimer *timer;
    int currentValue; //实现指针移动
    int mark = 0; // 控制指针的移动方向
    int startAbgle; // 设置起始角度
    double angle;
    void initCanvas(QPainter& painter);
    void drawMiddleCircle(QPainter& painter,int radius);
    void drawCurrentSpeed(QPainter& painter);
    void drawScale(QPainter& painter,int radius);
    void drawScaleText(QPainter& painter,int radius);
    void drawPointLine(QPainter &painter,int length);
    void drawSpeedPie(QPainter& painter,int radius);
    void startSpeed();
    void drawEllispseInnerBlack(QPainter& painter,int radius);
    void drawEllispseInnerBShine(QPainter& painter,int radius);
    void drawEllispseOutterBShine(QPainter& painter,int radius);
    void drawLogo(QPainter& painter,int radius);
};
#endif // WIDGET_H

widget.cpp

#include "widget.h"
#include "ui_widget.h"

#include <QPainter>
#include <QTimer>
#include <QtMath>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    setFixedSize(800,600);
    startAbgle = 150; // 设置起始角度为150
    startSpeed();


}

Widget::~Widget()
{
    delete ui;
}

void Widget::initCanvas(QPainter& painter)
{
    //设置抗锯齿
    painter.setRenderHints(QPainter::Antialiasing,true);
    //设置黑色的背景色
    painter.setBrush(Qt::black); // 设置 黑色的画刷
    painter.drawRect(rect());

    //坐标系，平移到中心
    QPoint cent(rect().width()/2,rect().height()*0.6); //自定义中心位置
    painter.translate(cent);

}

void Widget::drawMiddleCircle(QPainter &painter,int radius)
{
    //画小圆
    painter.setPen(QPen(Qt::white,4)); //设置白色的画笔
    painter.drawEllipse(QPoint(0,0),60,60);
}

//画当前速度
void Widget::drawCurrentSpeed(QPainter &painter)
{
    painter.setPen(Qt::white);
    //显示当前速度值:
    QFont font("Arial",30);
    font.setBold(true);
    painter.setFont(font);
    painter.drawText(QRect(-60,-60,120,70),Qt::AlignCenter,QString::number(currentValue*4));

    QFont font2("Arial",13);
    font2.setBold(true);
    painter.setFont(font2);
    painter.drawText(QRect(-60,-60,120,160),Qt::AlignCenter,"Km/h");

}

// 画出当前刻度
void Widget::drawScale(QPainter &painter,int radius)
{
    //保存原点:
    painter.save(); // 三点钟方向
    //画刻度:

    //1.算出一个刻度需要的角度 270 度分成 50份
    angle = 240*1.0/60; //需要先转为double类型，否则销售几乎部分会被吞掉造成误差
    //2.设置起始角度
    painter.rotate(startAbgle); // 从135度开始
    //设置字体样式:
    // painter.setFont(QFont("华文宋体",8));
    //3.分类讨论 画出所有刻度
    for(int i=0;i<=60;++i){//包括0-  一共有61根刻度线
        if(i>=40){  // 时速160 = 40*4 认定为高速
            painter.setPen(QPen(Qt::red,5)); //将高速速设定为红色
        }

        if(i%5 == 0){ // 被5 整除进一步细分表盘
            //画出一个长刻度
            painter.drawLine(radius-20,0,radius-3,0);
        }
        else{
            //画出一个长刻度
            painter.drawLine(radius-10,0,radius-3,0);
        }
        painter.rotate(angle);//选择angle的角度准备去画下一个刻度
    }
    painter.restore();
}

// 写刻度文字
void Widget::drawScaleText(QPainter &painter, int radius)
{
    //设置字体:

    QFont font("Arial",13);
    font.setBold(true); // 设置粗体
    painter.setFont(font);
    int r = radius-43;

    for(int i=0;i<=60;++i){
        if(i%5 == 0){ // 每5格标记一个刻度
            //保存坐标系
            painter.save();
            //算出平移点  // 弧度 = 角度*3.1415/180
            int delX =  qCos(qDegreesToRadians(210-angle*i))*r;//QT中sin、cos认的是弧度
            int delY =  qSin(qDegreesToRadians(210-angle*i))*r;//qDegreesToRadians - 角度转弧度

            //平移坐标系
            painter.translate(QPoint(delX,-delY));
            //旋转坐标系:
            painter.rotate(-120+angle*i);//angle=4,30*4=120,实参是0,120
            //写上文字
            painter.drawText(-25,-25,50,30,Qt::AlignCenter,QString::number(i*4));
            //恢复坐标系
            painter.restore();
        }
    }

}

// 画指针
void Widget::drawPointLine(QPainter &painter,int length)
{
    //画指针 --> 线
    //先恢复到之前保存的原点:

    painter.save(); // 接着保存原点
    // 通过定时器去改变currentValue的值，去控制指针的移动
    // painter.drawLine(60,0,height()/2-20-38,0); // 58

    //指针样式美化:

    painter.setRenderHint(QPainter::Antialiasing,true);
    painter.setBrush(Qt::white);
    painter.setPen(Qt::NoPen);
    //painter.translate(rect().center());
    static const QPointF points[4] = {
        QPointF(0,0),
        QPointF(0,15.0),
        QPointF(220.0,1.1),
        QPointF(220.0,-1.1)
    };

    //给指针弧度偏移 --> 让指针转动起来
    painter.rotate(startAbgle+angle*currentValue); // 进行坐标系偏移
    painter.drawPolygon(points, 4);
    painter.restore();
}

//画扇形
void Widget::drawSpeedPie(QPainter &painter, int radius)
{

    QRect rentangle(-radius,-radius,radius*2,radius*2);
    painter.setPen(Qt::NoPen);
    painter.setBrush(QColor(255,0,0,80));

    painter.drawPie(rentangle,(-startAbgle)*16,-angle*currentValue*16);
}

void Widget::startSpeed()
{
    timer = new QTimer(this);
    currentValue = 0;
    connect(timer,&QTimer::timeout,[=](){
        if(mark == 0){
            currentValue++;
            if(currentValue >= 60)
                mark = 1;
        }
        else if(mark ==1){
            currentValue--;
            if(currentValue <= 0)
                mark = 0;
        }
        update(); // 触发绘图事件
    });
    timer->start(30);
}

// ，给内圈画上黑色
void Widget::drawEllispseInnerBlack(QPainter &painter, int radius)
{
    painter.setBrush(Qt::black);
    painter.drawEllipse(QPoint(0,0),radius,radius);
}

// 内环发光效果
void Widget::drawEllispseInnerBShine(QPainter &painter, int radius)
{
    // 径向 渐变实现
    QRadialGradient radialGradient(0,0,radius);
    radialGradient.setColorAt(0.0,QColor(255,0,0,200));
    radialGradient.setColorAt(1.0,QColor(0,0,0,100));
    painter.setBrush(radialGradient);
    painter.drawEllipse(QPoint(0,0),radius,radius);
}

// 画外围发光圈
void Widget::drawEllispseOutterBShine(QPainter &painter, int radius)
{

    QRect rentangle(-radius,-radius,radius*2,radius*2);
    painter.setPen(Qt::NoPen);
    //渐变色处理外环光亮
    QRadialGradient radialGradient(0,0,radius);
    radialGradient.setColorAt(1,QColor(255,0,0,200));
    radialGradient.setColorAt(0.97,QColor(255,0,0,120));
    radialGradient.setColorAt(0.9,QColor(0,0,0,0));
    radialGradient.setColorAt(0,QColor(0,0,0,0));
    painter.setBrush(radialGradient);

    painter.drawPie(rentangle,(-150)*16,-angle*60*16);
}

// 绘制汽车logo
void Widget::drawLogo(QPainter &painter, int radius)
{
 QRect rectangle(-65,radius*0.38,130,50);
 painter.drawPixmap(rectangle,QPixmap(":/C:/Users/31472/Desktop/Images/qi_che_biao_pan/lu_hua.png"));

}

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);

    int rad = height()/2;
    // 初始化画布
    initCanvas(painter);

    //不用画大圆了，用刻度尺去表出框架即可
    //painter.drawEllipse(QPoint(0,0),height()/2,height()/2);

    //画出中间的小圆
    drawMiddleCircle(painter,60);

    //画刻度
    drawScale(painter,rad);

    //写刻度文字:
    drawScaleText(painter,rad);
    // 画指针
    drawPointLine(painter,rad-58);
    //画扇形
    drawSpeedPie(painter,rad);
    //画渐变色发光内圈圆
    drawEllispseInnerBShine(painter,110);
    // 画黑色内圈
    drawEllispseInnerBlack(painter,80);
    //画出当前速度 -- 放正在画黑的下面,要设置在黑圈的图层下
    drawCurrentSpeed(painter);
    //画外环发光圈
    drawEllispseOutterBShine(painter,rad+15);
    //画汽车logo
    drawLogo(painter,rad);

}

效果演示

实现刻度文字正确排版

 移动坐标系，达到正确排版

优化代码

//刻度文字达到正确排版效果

    int r = height()/2-43;
    painter.restore();
    for(int i=0;i<=60;++i){
        if(i%5 == 0){ // 每5格标记一个刻度
        //保存坐标系
        painter.save();
        //算出平移点  // 弧度 = 角度*3.1415/180
        int delX =  qCos(qDegreesToRadians(210-angle*i))*r;//QT中sin、cos认的是弧度
        int delY =  qSin(qDegreesToRadians(210-angle*i))*r;//qDegreesToRadians - 角度转弧度

        //平移坐标系
        painter.translate(QPoint(delX,-delY));
        //旋转坐标系:
        painter.rotate(-120+angle*i);//angle=4,30*4=120,实参是0,120
        //写上文字
        painter.drawText(-25,-25,50,30,Qt::AlignCenter,QString::number(i*4));
        //恢复坐标系
        painter.restore();
        }
    }

达到效果

封装整理代码结构:

widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

protected:
   void paintEvent(QPaintEvent *event);

private:
    Ui::Widget *ui;
    QTimer *timer;
    int currentValue; //实现指针移动
    int mark = 0; // 控制指针的移动方向
    int startAbgle; // 设置起始角度
    double angle;
    void initCanvas(QPainter& painter);
    void drawMiddleCircle(QPainter& painter,int radius);
    void drawCurrentSpeed(QPainter& painter);
    void drawScale(QPainter& painter,int radius);
    void drawScaleText(QPainter& painter,int radius);
    void drawPointLine(QPainter &painter,int length);
    void drawSpeedPie(QPainter& painter,int radius);
    void startSpeed();
};
#endif // WIDGET_H

widget.cpp

#include "widget.h"
#include "ui_widget.h"

#include <QPainter>
#include <QTimer>
#include <QtMath>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    startAbgle = 150; // 设置起始角度为150
    startSpeed();


}

Widget::~Widget()
{
    delete ui;
}

void Widget::initCanvas(QPainter& painter)
{
    //设置抗锯齿
    painter.setRenderHints(QPainter::Antialiasing,true);
    //设置黑色的背景色
    painter.setBrush(Qt::black); // 设置 黑色的画刷
    painter.drawRect(rect());

    //坐标系，平移到中心
    painter.translate(rect().center());

}

void Widget::drawMiddleCircle(QPainter &painter,int radius)
{
    //画小圆
    painter.setPen(QPen(Qt::white,4)); //设置白色的画笔
    painter.drawEllipse(QPoint(0,0),60,60);
}

//画当前速度
void Widget::drawCurrentSpeed(QPainter &painter)
{
    //显示当前速度值:
    painter.setFont(QFont("华文宋体",15));
    painter.drawText(QRect(-60,-60,120,120),Qt::AlignCenter,QString::number(currentValue));

}

// 画出当前刻度
void Widget::drawScale(QPainter &painter,int radius)
{
    //保存原点:
    painter.save(); // 三点钟方向
    //画刻度:

    //1.算出一个刻度需要的角度 270 度分成 50份
    angle = 240*1.0/60; //需要先转为double类型，否则销售几乎部分会被吞掉造成误差
    //2.设置起始角度
    painter.rotate(startAbgle); // 从135度开始
    //设置字体样式:
   // painter.setFont(QFont("华文宋体",8));
    //3.分类讨论 画出所有刻度
    for(int i=0;i<=60;++i){//包括0-  一共有61根刻度线
        if(i%5 == 0){ // 被5 整除进一步细分表盘
            //画出一个长刻度
            painter.drawLine(radius-20,0,radius-3,0);
        }
        else{
            //画出一个长刻度
            painter.drawLine(radius-10,0,radius-3,0);
        }
        painter.rotate(angle);//选择angle的角度准备去画下一个刻度
    }

}

// 写刻度文字
void Widget::drawScaleText(QPainter &painter, int radius)
{
    int r = radius-43;
    painter.restore();
    for(int i=0;i<=60;++i){
        if(i%5 == 0){ // 每5格标记一个刻度
        //保存坐标系
        painter.save();
        //算出平移点  // 弧度 = 角度*3.1415/180
        int delX =  qCos(qDegreesToRadians(210-angle*i))*r;//QT中sin、cos认的是弧度
        int delY =  qSin(qDegreesToRadians(210-angle*i))*r;//qDegreesToRadians - 角度转弧度

        //平移坐标系
        painter.translate(QPoint(delX,-delY));
        //旋转坐标系:
        painter.rotate(-120+angle*i);//angle=4,30*4=120,实参是0,120
        //写上文字
        painter.drawText(-25,-25,50,30,Qt::AlignCenter,QString::number(i*4));
        //恢复坐标系
        painter.restore();
        }
    }

}

// 画指针
void Widget::drawPointLine(QPainter &painter,int length)
{
    //画指针 --> 线
    //先恢复到之前保存的原点:
    painter.restore();
    painter.save(); // 接着保存原点
    // 通过定时器去改变currentValue的值，去控制指针的移动
    painter.rotate(startAbgle+angle*currentValue); // 进行坐标系偏移
    painter.drawLine(60,0,height()/2-20-38,0); // 58
}

//画扇形
void Widget::drawSpeedPie(QPainter &painter, int radius)
{
    painter.restore();
    QRect rentangle(-radius,-radius,radius*2,radius*2);
    painter.setPen(Qt::NoPen);
    painter.setBrush(QColor(255,128,64,150));

    painter.drawPie(rentangle,(-startAbgle)*16,-angle*currentValue*16);
}

void Widget::startSpeed()
{
    timer = new QTimer(this);
    currentValue = 0;
    connect(timer,&QTimer::timeout,[=](){
        if(mark == 0){
            currentValue++;
            if(currentValue >= 60)
                mark = 1;
        }
        else if(mark ==1){
            currentValue--;
            if(currentValue <= 0)
                mark = 0;
        }


        update(); // 触发绘图事件
    });
    timer->start(30);
}

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);

    // 初始化画布
    initCanvas(painter);

    //不用画大圆了，用刻度尺去表出框架即可
    //painter.drawEllipse(QPoint(0,0),height()/2,height()/2);

    //画出中间的小圆
    drawMiddleCircle(painter,60);
    //画出当前速度
    drawCurrentSpeed(painter);
    //画刻度
    drawScale(painter,height()/2);

    //写刻度文字:
    drawScaleText(painter,height()/2);
    // 画指针
    drawPointLine(painter,height()/2-58);


    //画扇形
    drawSpeedPie(painter,height()/2);

}

指针样式美化

 优化后的指针API

// 画指针
void Widget::drawPointLine(QPainter &painter,int length)
{
    //画指针 --> 线
    //先恢复到之前保存的原点:
    painter.restore();
    painter.save(); // 接着保存原点
    // 通过定时器去改变currentValue的值，去控制指针的移动
     // painter.drawLine(60,0,height()/2-20-38,0); // 58


    //指针样式美化:

    painter.setRenderHint(QPainter::Antialiasing,true);
    painter.setBrush(Qt::white);
    painter.setPen(Qt::NoPen);
    //painter.translate(rect().center());
    static const QPointF points[4] = {
        QPointF(0,0),
        QPointF(0,15.0),
        QPointF(220.0,1.1),
        QPointF(220.0,-1.1)

    };

    //给指针弧度偏移 --> 让指针转动起来
    painter.rotate(startAbgle+angle*currentValue); // 进行坐标系偏移
    painter.drawPolygon(points, 4);

}

效果演示

可以看到我们投票通过画多边形的方式对指针进行了美化

设置高速刻度为红色

 优化刻度API

void Widget::drawScale(QPainter &painter,int radius)
{
    //保存原点:
    painter.save(); // 三点钟方向
    //画刻度:

    //1.算出一个刻度需要的角度 270 度分成 50份
    angle = 240*1.0/60; //需要先转为double类型，否则销售几乎部分会被吞掉造成误差
    //2.设置起始角度
    painter.rotate(startAbgle); // 从135度开始
    //设置字体样式:
   // painter.setFont(QFont("华文宋体",8));
    //3.分类讨论 画出所有刻度
    for(int i=0;i<=60;++i){//包括0-  一共有61根刻度线
        if(i>=40){  // 时速160 = 40*4 认定为高速
         painter.setPen(QPen(Qt::red,5)); //将高速速设定为红色
        }

        if(i%5 == 0){ // 被5 整除进一步细分表盘
            //画出一个长刻度
            painter.drawLine(radius-20,0,radius-3,0);
        }
        else{
            //画出一个长刻度
            painter.drawLine(radius-10,0,radius-3,0);
        }
        painter.rotate(angle);//选择angle的角度准备去画下一个刻度
    }

}

效果演示

//注意我这里设置了字体格式:

    QFont font("Arial",13);
    font.setBold(true); // 设置粗体
    painter.setFont(font);

速度显示优化

给内圈画上黑色

void Widget::drawEllispseInnerBlack(QPainter &painter, int radius)
{
  painter.setBrush(Qt::black);
  painter.drawEllipse(QPoint(0,0),radius,radius);
}

优化速度显示文本格式

//画当前速度
void Widget::drawCurrentSpeed(QPainter &painter)
{
    painter.setPen(Qt::white);
    //显示当前速度值:
    QFont font("Arial",30);
    font.setBold(true);
    painter.setFont(font);
    painter.drawText(QRect(-60,-60,120,70),Qt::AlignCenter,QString::number(currentValue));

    QFont font2("Arial",13);
    font2.setBold(true);
    painter.setFont(font2);
    painter.drawText(QRect(-60,-60,120,160),Qt::AlignCenter,"Km/h");

}

调整绘画顺序

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);

    // 初始化画布
    initCanvas(painter);

    //不用画大圆了，用刻度尺去表出框架即可
    //painter.drawEllipse(QPoint(0,0),height()/2,height()/2);

    //画出中间的小圆
    drawMiddleCircle(painter,60);

    //画刻度
    drawScale(painter,height()/2);

    //写刻度文字:
    drawScaleText(painter,height()/2);
    // 画指针
    drawPointLine(painter,height()/2-58);

    //画扇形
    drawSpeedPie(painter,height()/2);
    // 画黑色内圈
    drawEllispseInnerBlack(painter,80);
    //画出当前速度 -- 放正在画黑的下面,要设置在黑圈的图层下
    drawCurrentSpeed(painter);

}

效果演示

实现内环发光圈:

内环发光效果API

void Widget::drawEllispseInnerBShine(QPainter &painter, int radius)
{
    // 径向 渐变实现
    QRadialGradient radialGradient(0,0,radius);
    radialGradient.setColorAt(0.0,QColor(255,0,0,200));
    radialGradient.setColorAt(1.0,QColor(0,0,0,100));
    painter.setBrush(radialGradient);
    painter.drawEllipse(QPoint(0,0),radius,radius);
}

插入位置

效果演示

实现外环发个圈

外环发光效果API

// 画外围发光圈
void Widget::drawEllispseOutterBShine(QPainter &painter, int radius)
{
    painter.restore();
    QRect rentangle(-radius,-radius,radius*2,radius*2);
    painter.setPen(Qt::NoPen);
    //渐变色处理外环光亮
    QRadialGradient radialGradient(0,0,radius);
    radialGradient.setColorAt(1,QColor(255,0,0,200));
    radialGradient.setColorAt(0.97,QColor(255,0,0,120));
    radialGradient.setColorAt(0.9,QColor(0,0,0,0));
    radialGradient.setColorAt(0,QColor(0,0,0,0));
    painter.setBrush(radialGradient);

    painter.drawPie(rentangle,(-150)*16,-angle*60*16);
}

插入位置

实现效果

绘制汽车logo的API

//需要先添加资源文件

void Widget::drawLogo(QPainter &painter, int radius)
{
 QRect rectangle(-65,radius*0.38,130,50);
 painter.drawPixmap(rectangle,QPixmap(":/C:/Users/31472/Desktop/Images/qi_che_biao_pan/lu_hua.png"));

}

插入位置

实现效果

deBug及微调

bug1: restore（）和 save() 没有配对使用

处理手段: 把多余的restore()去掉

bug2：中间显示的速度不匹配

处理:

这样修改后得到的速度就是实际值

mx_jun
关注
  • 32
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【QT进阶】第五章 QT绘图之自定义控件--仪表盘绘制
凉开水白菜的博客
02-28 784
通过上一章的学习我们学会了使用画笔画家工具，通过这个工具我们可以使用代码绘制我们自定义的控件，这样可以弥补QT的控件不完整的问题，心中有坐标万事QPainter；本章节完成目标：绘制仪表盘。
Qt绘图项目 - 简易表盘
mx_jun的博客
06-13 354
/恢复到之前保存的位置。// 从135度开始。// 从135度开始。//保存原点: 三点钟方向。/* 中间经历了某种平移。//坐标系，平移到中心。//2.设置起始角度。
Qt自定义控件--仪表盘
贝勒里恩的博客
06-02 5074
文章目录一、前言二、效果展示三、绘图过程详解2.1、表盘框架2.2、刻度线2.3、刻度值2.3、数值2.4、指针 一、前言 本篇博客是学习的大佬feiyangqingyun的博客，博客链接，有兴趣的可以去看一下。通过本次学习，让我对Qt的绘图技巧有了很大的提升，万分感谢大佬：飞扬青云 二、效果展示 三、绘图过程详解 我把仪表盘划分为五个部分，分别表盘框架、刻度线、刻度值、数值、指针，下面开始分步讲解。 2.1、表盘框架 表盘框架分为五部分：表盘框架外圆、表盘框架中间圆、表盘框架彩环、表盘框架内圆和中心圆
Qt自绘汽车仪表盘-1
youyicc
09-05 4075
效果图
Qt实现仪表盘-自定义控件
u012959478的博客
07-14 1420
仪表盘在很多汽车和物联网相关的系统中很常用，本文就来介绍一下Qt仪表盘的实现示例。使用Qt绘制一个仪表盘，用来显示当前的温度，绘制刻度、绘制数字、绘制温度指针。仪表盘全程使用QPainter进行绘制。
【QT 5 相关实验-仪表盘-学习笔记-表盘组件练习与使用总结】
qq_22146161的博客
02-12 622
最近因为要使用QT写个带表盘的界面，在上网找了相关资料后，质量其实有些参差不齐的，有的看的云里雾里的，有的也只是贴出来代码，真正执行起来时，对于我这种新手来说，还是有点莫不到头脑的。所以我写文章习惯性将所有步骤罗列，将细节说明，也是因为整个流程大量细节，只要按照步骤来，一般能达到效果，但是如果你是针对某个问题感兴趣，那么整篇文章对你来说，文字又有点多，真是难以取舍文字应该写多写少啊~~！整体看表盘，让我们去实现时，真的很难下手，不知道应该怎么去做，但是反过来，以组装的形式，将表盘拆解，我们就能窥探其精妙。
Qt自定义控件实战：仪表盘
hw5230的博客
05-23 632
Qt自定义控件实战：仪表盘
QT学习——汽车仪表盘
weixin_60418924的博客
02-26 1461
是Qt框架中一个重要的事件类，专门用于处理绘图事件。当Qt视图组件需要重绘自己的一部分时，就会产生事件。这通常发生在以下几种情况：1.：当窗口或控件第一次出现在屏幕上时，系统会生成一个事件， 通知窗口进行自身的绘制。2.：当用户改变窗口的大小时，窗口的内容通常需要重新绘制以适应新的尺寸。3.：如果窗口被其他窗口遮挡，然后又重新露出来，被遮挡的部分通 常需要重新绘制。4.：通过调用QWidget的update()或repaint()方法，可以手动触发重绘事件。在Qt。
【C++ QT项目4】——QPainter实现模拟雷达与汽车仪表盘
weixin_46216674的博客
02-21 1337
通过QPainter了解画家类并熟悉各种常见形状的绘制、各种类型的渐变处理以及坐标转移与旋转的具体应用，最后通过设计模拟雷达与汽车仪表盘巩固QPainter类的实际应用。
Qt自定义控件--仪表盘源码
08-17
然而，仍然支持Qt4的代码意味着它具有良好的向后兼容性，这对那些无法立即升级到Qt5的项目是有益的。 为了实现这个自定义仪表盘控件，开发者可能采用了以下步骤： 1. **继承Qwidget或QQuickItem**：自定义控件通常...
【C++ QT项目4】-QPainter实现模拟雷达与汽车仪表盘
02-21
【C++ QT项目4】-QPainter实现模拟雷达与汽车仪表盘 在C++编程领域，QT库是一个广泛使用的跨平台应用开发框架，它提供了一系列强大的工具和类库，用于创建用户界面和图形应用程序。本项目的核心是使用QT中的...
QT开发的好看的仪表盘示例
10-08
QT开发的仪表盘示例是面向软件开发者，特别是那些使用QT框架进行图形用户界面（GUI）设计的工程师。QT是一个跨平台的C++库，它提供了丰富的功能来创建美观、高性能的应用程序，包括复杂的可视化元素如仪表盘。在这个...
Qt自定义汽车仪表盘控件
10-28
在`描述`中提到的"简单Demo展示"，意味着这个项目提供了一个基础的示例应用，展示如何使用Qt的绘图功能来创建汽车仪表盘控件。开发者可以通过运行这个Demo来了解具体实现的细节，包括如何初始化`QPainter`，如何设置...
汽车的UDS诊断01
测试媛
08-20 532
UDS()：ISO14229中定义了汽车通用诊断协议；ISO15765规定了帧的格式；
解码极氪汽车的短期成效与长期定力
beiduocaijing的博客
08-22 654
在收入端取得重大进展的同时，极氪保持了高水平的交付标准，二季度共交付汽车54811辆，不仅实现了66%的环比增长，交付总量更是较2023年同期翻了整整一番，且该品牌6月单月交付首度突破2万辆大关，迈上销量新台阶。8月初，极氪正式登陆新加坡市场，并完成了全球首辆右舵版极氪X在泰国的交付，迈出进军右舵车市场的第一步。贝多财经了解到，极氪上述最新研发成果将在今年8月推出的2025款极氪001和2025款极氪007上首发搭载，在为品牌构建全新的跑量模型的同时，也将为用户带来更加极致的出行体验。
芯品快报：亚德诺（ADI）汽车音频总线A²B收发器AD2428
最新发布
Eric的博客
08-24 313
提供I2S和PDM接口，其中I2S接口通常用于连接ADC（模数转换器）和DAC（数模转换器），而数字麦克风通常使用PDM接口。这款芯片使用了180nm工艺，从芯片功能模块分布来看，TRXA和TRXB占据了芯片大约三分之一的面积。它针对音频应用进行了优化，速度为50Mbps，通过使用非屏蔽双绞线，可大幅简化连接并显著减少线束的总重量。A2B方案支持使用非屏蔽双绞线，可以减轻75%以上的重量，单点传输距离可达15米，总缆线长度可达40米。平台已经完成了该芯片的技术分析，有兴趣的小伙伴，抓紧时间联系平台君噢。
全光谱日照模拟系统汽车整车光老化测试 太阳光照射模拟器
08-22 423
随着汽车技术的进步，智能功能如自动驾驶、智能导航和语音控制等被广泛应用，极大地提升了驾驶的便捷性和安全性。AAA太阳光模拟器在汽车行业中扮演着不可或缺的角色，它助力制造商和供应商深入了解材料的耐久性和耐候性，从而优化产品设计和制造工艺。汽车行业正迎来科技飞速发展的时代，从传统燃油汽车向电动汽车转变，从机械化生产到智能化技术的应用，都预示着汽车领域的未来将更加明亮。电动汽车技术的兴起，以电池为动力源，不仅节能环保，而且随着续航里程的提高，解决了电动汽车续航的难题。连续8h内，光照系统稳定性偏差：≤±5%
qt/c++编写自定义控件50-迷你仪表盘
07-27
编写自定义控件需要一定的Qt/C++编程基础和绘图知识，掌握了基本的绘图函数和事件处理机制后，可以根据需求进行扩展和优化。同时，为了提高代码的可重用性和可维护性，可以将控件的逻辑和外观分离，采用MVC设计模式...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值