QT自定义控件之车辆控制面板

最新推荐文章于 2025-05-04 22:57:24 发布

章之京

最新推荐文章于 2025-05-04 22:57:24 发布

阅读量1.3k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： QT自定义控件无人驾驶相关知识 C++11 文章标签： qt 开发语言

本文链接：https://blog.csdn.net/pengrui18/article/details/126734196

QT自定义控件同时被 3 个专栏收录

9 篇文章

订阅专栏

无人驾驶相关知识

8 篇文章

订阅专栏

C++11

7 篇文章

订阅专栏

这篇博客介绍了如何基于QT库创建一个车辆仪表盘的自定义控件，包括绘制渐变背景、方向盘转角、油门和刹车踏板开度以及车辆加速度的显示。通过提供的代码段展示了如何绘制方向盘，并实现了背景颜色的平滑渐变效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

基于QT实现车辆自定义控件,车辆仪表盘:

包括如下功能:
1.车辆方向盘转角显示
2.车辆油门踏板开度显示
3.车辆刹车踏板开度显示
4.车辆加速度显示
5.背景颜色渐变
效果如下:
在这里插入图片描述
参考代码:

//绘制渐变背景
void VehicleSteer::drawPanel(QPainter *painter)
{
    int radius = 60;
    painter->save();
    painter->setPen(Qt::NoPen);
    QRadialGradient radialGradient(QPointF(0, 0), 300);
    radialGradient.setColorAt(0, QColor(55,107,154));
    radialGradient.setColorAt(1, Qt::black);

    painter->setBrush(radialGradient);
    painter->drawEllipse(-width(), -height(), width() * 2, height() * 2);
    painter->restore();
}
//绘制方向盘

void VehicleSteer::drawSteer(QPainter *painter)
{
    int out_circle_radius = 58;
    int in_circle_radius = 50;
    static const QPoint points[] = {
        QPoint(50,-8),
        QPoint(30,-8),
        QPoint(25,-15),
        QPoint(-25,-15),
        QPoint(-30,-8),
        QPoint(-50,-8),
        QPoint(-50,5),
        QPoint(-30,5),
        QPoint(-8,25),
        QPoint(-8,50),
        QPoint(8,50),
        QPoint(8,25),
        QPoint(30,5),
        QPoint(50,5)
    };
    painter->save();
    painter->setPen(Qt::NoPen);
    painter->rotate(m_steerAngle_);
    painter->setBrush(m_steerColor_);
    painter->drawEllipse(-out_circle_radius, -out_circle_radius, out_circle_radius * 2, out_circle_radius * 2);
    painter->setBrush(m_backgroundColor_);
    painter->drawEllipse(-in_circle_radius, -in_circle_radius, in_circle_radius * 2, in_circle_radius * 2);
    painter->setBrush(m_steerColor_);
    painter->drawPolygon(points, sizeof(points)/sizeof(points[0]));
    painter->restore();
}