基于 Qt 5.12.2 实现 CAN 总线数据解析与可视化（规则配置 + 实时更新篇）

引言本文是我在学习 Qt 开发和 CAN 总线应用过程中的实践总结基于 Qt 5.12.2 开发 CAN 总线数据分析软件。本文将聚焦软件核心功能 ——规则配置文件驱动的数据解析与QGraphicsScene 控件实时数据更新同时说明当前功能进度与后续规划为同领域开发者提供可实现思路。代码和思路还有很多可以优化的地方欢迎各位大佬在评论区多多指点一起交流进步。效果展示一、软件整体架构与核心功能规划1. 整体界面布局设计软件界面采用 **“左 - 中 - 右” 三段式布局 **结合QGraphicsScene的图形化能力与QTreeWidget的交互特性实现 “协议规则展示 - 可视化画布 - 唯一标识配置” 的一站式操作完美匹配工业级应用的操作习惯。区域核心控件核心功能左侧协议规则区QTreeWidget展示规则配置文件中的协议内容帧 ID、协议标识、数据范围等支持展开 / 折叠查看层级结构中间可视化画布QGraphicsScene QGraphicsView核心展示区承载 CAN 通道、电气设备、数据项等图形化节点实现实时数据更新与协议流向光点右侧配置面板QListWidget上 QTableWidget下上半区同步显示画布中选中的节点名称下半区针对选中节点进行唯一标识协议标识配置用于与规则文件绑定2. 核心功能实现进度✅已实现功能规则配置文件解析通过 JSON 配置文件定义 CAN 协议规则帧 ID、协议标识、数据范围、解析方式启动时自动加载并在左侧树中展示CAN 总线数据接收与解析根据规则配置文件自动解析原始数据提取对应协议标识的数值QGraphicsScene 控件实时更新通过公共单例存储所有画布控件遍历匹配协议标识实时更新节点内的数值如 24V 低压供电电压显示 6V唯一标识配置右侧面板支持为画布控件设置唯一协议标识与规则配置文件绑定确保数据精准更新。⏳待完善功能实时数据光点动画来一条实时数据在线缆上增加一个光点ms 级数据量时做特别高亮标注暂定以 1 秒方式聚合显示光点 - 设备关联更新指定光点对应设备实现光点与设备数据的联动更新数据聚合与防抖针对 ms 级高频数据实现数据优化处理避免界面卡顿二、核心技术实现Qt 5.12.2 环境准备Qt 版本5.12.2MinGW 7.3.0 32/64 位兼容工业级开发环境核心模块QtWidgets界面、QtCore核心逻辑、单例、QtJson规则文件解析。模块 1规则配置文件解析与左侧树展示核心逻辑通过自定义Rulesbox解析 JSON 规则文件构建协议规则树并在左侧QTreeWidget中展示层级结构帧 ID → 协议标识 → 数据范围。1. 规则配置文件示例JSON{ id:AAFF02F7, name:GPUtoHOU, data:[ { code:GPU_Voltage, name:FD电流, dataType:UINT8, start:14, length:4, switch_bytbit:0, byt:[ { code:Voltage_Value, min:-1000, max:1000, unit:A, Offset:-1000, factor:1, switch_result:0, result: } ], bit:[] }, { code:GPUPUDV_FS_GZMS, name:GPUXX信息, dataType:UINT8, start:18, length:4, switch_bytbit:1, byt:[], bit:[ { name:24V低压供电电压, bit_start:0, bit_length:4, Message:[ { code:24V_Voltage, min:0, max:31, unit:V, Offset:0, factor:1, switch_result:0, result: } ] }, { name:Fan转速, bit_start:4, bit_length:7, Message:[ { code:Fan_Speed, min:-1000, max:10000, unit:RPM, Offset:0, factor:1, switch_result:0, result: } ] } ] } ] }2. 规则管理器核心代码RulesBox.h#ifndef RULESBOX_H #define RULESBOX_H #include QString #include QMap #include QList #include QtGlobal class BitMessage { public: QString code; //标签 QString min; //最小值 QString max; //最大值 QString unit; //单位 QString Offset; //偏移量 QString factor; //系数 QString switch_result; //切换结果展示信息:数值0、状态1、十六进制原值2 QString result; //结果信息 double strToDouble(const QString str, double defaultValue 0.0) { bool ok; double val str.toDouble(ok); return ok ? val : defaultValue; } qint8 rawValueToSigned8Bit(quint32 rawValue) { return static_castqint8(rawValue 0xFF); // 仅保留8位补码转换 } }; //Bty相关因素 class RulesByt { public: QString code; //标签 QString min; //最小值 QString max; //最大值 QString unit; //单位 QString Offset; //偏移量 QString factor; //系数 QString switch_result; //切换结果展示信息:数值0、状态1、十六进制原值2 QString result; //结果信息 double strToDouble(const QString str, double defaultValue 0.0) { bool ok; double val str.toDouble(ok); return ok ? val : defaultValue; } qint8 rawValueToSigned8Bit(quint32 rawValue) { return static_castqint8(rawValue 0xFF); // 仅保留8位补码转换 } }; class RulesBit { public: QString name; //名称 int bit_start; //起始位 int bit_length; //截取长度 QList BitMessage bitMessage; //BitMessage }; class Headinformation { public: QString id; //协议id QString name; //协议名称 }; class Bytinformation { public: QString code; //标签 QString name; //名称 QString dataType; //数据类型 int start; //起始位 int length; //截取长度 int switch_bytbit; //切换byt/bit }; class Result_info { public: QString code nullptr; //标签 QString result; //结果信息 }; class RulesBox { public: RulesBox(); Headinformation headinfo; //协议头 Bytinformation bytinformation; //字节信息 QList RulesByt LRulesByt; //Byt信息 QList RulesBit LRulesBit; //Bit信息 }; #endif // RULESBOX_H3. 左侧协议规则树初始化(显示内容可扩展)QMap QString,QListRulesBox MRuleInformation PublicFormatJson::getInstance().MRuleInformation; QMapQString,QListRulesBox::iterator itor; for (itor MRuleInformation.begin(); itor ! MRuleInformation.end(); itor) { QString ID itor.key(); QListRulesBox LRules itor.value(); //获取报文名称 RulesBox rules LRules.at(0); QTreeWidgetItem *rootItem new QTreeWidgetItem(); //root:ID rootItem-setText(0,rules.headinfo.id); //root:Name rootItem-setText(1,rules.headinfo.name); for (int i 0 ; i LRules.size(); i) { RulesBox rules LRules.at(i); QTreeWidgetItem *topItem new QTreeWidgetItem(); topItem-setText(0,rules.bytinformation.name); //判断0:byt/1:bit if(rules.bytinformation.switch_bytbit 0) { QList RulesByt LRulesByt rules.LRulesByt; for (int i 0; i LRulesByt.size();i) { QTreeWidgetItem *topItem2 new QTreeWidgetItem(); topItem2-setText(0,LRulesByt.at(i).minLRulesByt.at(i).maxLRulesByt.at(i).unit); topItem2-setText(1,LRulesByt.at(i).code); topItem-addChild(topItem2); } } else { QList RulesBit LRulesBit rules.LRulesBit; //Bit判断结果 for (int i 0; i LRulesBit.size(); i) { QString LRulesBitname LRulesBit.at(i).name; QList BitMessage bitMessage LRulesBit.at(i).bitMessage; for (int i 0 ; i bitMessage.size(); i) { QTreeWidgetItem *topItem1 new QTreeWidgetItem(); QTreeWidgetItem *topItem2 new QTreeWidgetItem(); topItem1-setText(0,LRulesBitname); topItem2-setText(0,bitMessage.at(i).minbitMessage.at(i).maxbitMessage.at(i).unit); topItem2-setText(1,bitMessage.at(i).code); topItem1-addChild(topItem2); topItem-addChild(topItem1); } } } rootItem-addChild(topItem); } addtreeWidgetitem2(rootItem); }模块 2公共单例存储画布控件与实时数据更新通过单例存储所有画布控件键协议标识值图形项指针CAN 数据解析完成后遍历单例中的控件匹配协议标识并更新数值。1.画布控件管理器单例#ifndef GRAPHICDATA_H #define GRAPHICDATA_H #include QObject #include QMutex #include QMap #include QList #include QTreeWidgetItem class GraphicNode_Bus; class GraphicClass; class LinkItem; class Dashboard_Chart; class Device_Chart; class State_Chart; class Value_Chart; class GraphicData : public QObject { Q_OBJECT public: explicit GraphicData(QObject *parent nullptr); static GraphicData * getInstance(); bool Class_modifyQMapKey(const QString oldKey, const QString newKey, bool overwriteIfExist false); bool Node_modifyQMapKey(const QString oldKey, const QString newKey, bool overwriteIfExist false); bool Widget_modifyQMapKey(const QString oldKey, const QString newKey, bool overwriteIfExist false); bool removeMapItemByIdentifyName(const QString identifyName); //遍历QMap匹配包含设备名称,设置widget中的codeName名称 bool setWidgetCodeName(const QString deviceName, const QString codeName); QString getWidgetCodeName(const QString deviceName); void removeLink(LinkItem* link); //更新线缆光点 void upDataLinkPointsState(); QString generateUniqueCanName(); public: QMapQString,QWidget * MCan; //存放CAN控件 QMapQString,GraphicNode_Bus * mNodeData; //存放托拽node控件 QMapQString,QWidget* MWidget; //存放node加载显示的Widget控件 QMapQString,QListGraphicClass * MClassInfo; //存放数据信息(名称/方法方式/发送数据等) QList LinkItem * LLinkItem; //存放连接线缆信息 private: QMutex m_mutex; static GraphicData * m_GraphicData; }; #endif // GRAPHICDATA_H2. 画布控件实时数据更新QMap QString,QMapQString,QListResult_info MResultInFo PublicRulesCollector::getInstance().getgetRulesInFo(); QMap QString,QMapQString,QListResult_info::iterator itor; for (itor MResultInFo.begin(); itor ! MResultInFo.end(); itor) { QMapQString,QListResult_info MResult_info itor.value(); QMapQString,QListResult_info::iterator itor1; for (itor1 MResult_info.begin(); itor1 ! MResult_info.end(); itor1) { QListResult_info LResult_info itor1.value(); for(int i 0; i LResult_info.size(); i) { Result_info result_info LResult_info.at(i); //4. 遍历视图中的widget中的code名称并进行匹配 QMapQString,QWidget*::iterator it3; for (it3 GraphicData::getInstance()-MWidget.begin(); it3 ! GraphicData::getInstance()-MWidget.end(); it3) { QWidget* targetWidget it3.value(); if (Can_Port_Chart *can_port_chart qobject_castCan_Port_Chart*(targetWidget)){ //匹配code进行数据更新 if(result_info.code can_port_chart-getCodeName()){ //更新控件数据 } } if (Device_Chart *deviceChart qobject_castDevice_Chart*(targetWidget)){ if(result_info.code deviceChart-getCodeName()){ //更新控件数据 } } else if(Dashboard_Chart *DashboardChart qobject_castDashboard_Chart*(targetWidget)){ if(result_info.code DashboardChart-getCodeName()){ //更新控件数据 } } else if(State_Chart *StateChart qobject_castState_Chart*(targetWidget)) { if(result_info.code StateChart-getCodeName()){ //更新控件数据 } } else if(Value_Chart *ValueChart qobject_castValue_Chart*(targetWidget)) { if(result_info.code ValueChart-getCodeName()){ ValueChart-upData(result_info.result); } } } } } }三、功能演示与效果说明结合本文实现的代码运行软件后可实现以下核心效果与文章开头的界面截图完全匹配协议规则展示左侧树清晰展示规则配置文件中的帧 ID、协议标识、数据范围等信息支持展开 / 折叠查看实时数据更新CAN 数据解析完成后自动匹配协议标识实时更新画布中对应控件的数值如 24V 低压供电电压显示 6V唯一标识配置右侧面板支持为画布控件设置唯一协议标识与规则配置文件一一绑定确保数据精准更新。四、后续功能规划与优化方向基于当前已实现的基础框架后续将聚焦实时性与工业级稳定性完成以下核心功能实时数据光点动画来一条实时数据在线缆上增加一个光点针对 ms 级高频数据实现数据聚合与防抖暂定以 1 秒方式显示避免界面卡顿高频数据如 ms 级对应的光点做特别高亮标注提升视觉辨识度。光点 - 设备关联更新为每个光点绑定对应的设备协议标识光点移动时自动触发设备数据更新实现光点与设备的联动。性能优化针对大量 CAN 节点如车辆电子中的多设备场景优化QGraphicsScene的绘制效率采用 “按需绘制” 减少资源占用优化数据解析与更新逻辑避免主线程阻塞。五、总结本文基于 Qt 5.12.2 实现了 CAN 总线数据分析软件的规则配置文件驱动的数据解析与QGraphicsScene 控件实时更新核心功能所有代码均采用封装化设计可直接复用于工业控制、车辆电子等领域的 CAN 总线应用开发。当前软件已完成核心框架搭建后续将持续完善实时数据光点动画、光点 - 设备关联更新等工业级必备功能。本文旨在为同领域开发者提供清晰的实现思路也欢迎各位开发者在评论区交流 Qt 图形化开发、CAN 总线解析的技术细节共同优化工业级可视化应用的开发效率。