一、作品展示先进行咱们这期的作品亮相画面主体是储能电站一次主接线图35kV 母线向下分出 6 组储能支路每组包含变压器、PCS 变流器、电池簇。每个支路实时展示 Uab、I、P、Q 电气量下方电池色块用填充高度代表 SOC同时标注电压电流测点。右上角提供上电 / 断电按钮点击后会改变开关状态、刷新线路颜色、更新测点数值。主要技术栈依然是C、QT、Qpainter开发的核心亮点1、带电回路动态着色直观区分运行状态根据全站带电、支路开关分合状态自动切换线路、元件颜色电池簇色块填充高度跟随 SOC 数值实时变化一眼就能看清各组电池剩余容量贴合电力监控的视觉习惯。2、完整的测点信息可视化展示每条支路绑定一组电力测点线电压 Uab、电流 I、有功 P、无功 Q电池簇下方同步展示 SOC、电压、电流数据。文本采用 QRect 对齐绘制排版整齐稳定不会出现文字错位。3、深色工业监控 UI 风格采用工控 SCADA 经典深色底色降低长时间盯屏视觉疲劳配色符合电力监控系统审美。4、带电线路流动箭头动画模拟电能流向提升组态画面真实感单纯用静态颜色区分带电回路只能表达 “有电 / 无电” 状态增加流动箭头动画之后可以直观展示电能传输方向更加贴合 SCADA 监控的现场观感。同时当实现通电状态时流动线替代的动画感开始工作断开回路时流动感也会同时消失增加真实效果感。5、轻量交互控制主窗口提供上电、断电按钮一键切换全站运行状态联动刷新所有开关、线路、电池单元的显示效果可模拟电站启停仿真。二、实现流程1、主窗口结构MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) , ui(new Ui::MainWindow) { ui-setupUi(this); for (int i 12; i 34; i 2) { ui-widget-Set_DisplayEvent_IsShow(i,1); } m_Timer new QTimer(this); connect(m_Timer,SIGNAL(timeout()),this,SLOT(SlotTimer())); } MainWindow::~MainWindow() { delete ui; }2、核心代码本期的核心代码主要在CustomWidget.cpp中部分代码展示#if defined(_MSC_VER) (_MSC_VER 1600) # pragma execution_character_set(utf-8) #endif void rotateAndPaintRect(QPainter *painter, const QRectF rect, int angle,bool isRound false,int rx 0,int ry 0) { qreal cx 0; qreal cy 0; cx rect.center().x(); cy rect.center().y(); painter-save(); painter-translate(cx ,cy); painter-rotate(angle); QPointF drawOffset rect.topLeft() - QPointF(cx,cy); painter-drawRect(drawOffset.x(), drawOffset.y(), rect.width(), rect.height()); painter-restore(); } void DrawText(QPainter painter,const QRectF rect,QString str,double angle,int size,QString fontFamily,int textAlignment) { QRectF rotatedRect(-rect.width()/2, -rect.height()/2, rect.width(), rect.height()); qreal cx rect.x() rect.width() / 2; qreal cy rect.y() rect.height() / 2; QFont font QFont(fontFamily, size); painter.setFont(font); painter.save(); painter.translate(cx, cy); painter.scale(1, -1); painter.rotate(-angle);//旋转角度 painter.drawText(rotatedRect,textAlignment,str); //恢复上面保存的状态 painter.restore(); } void DrawImage(QPainter painter, QImage image, const QRectF rect,double angle) { QRectF rotatedRect(-rect.width()/2, -rect.height()/2, rect.width(), rect.height()); painter.drawImage(rotatedRect, image); }三、源码开放本期源码开放有需要的朋友可以去下面位置找我~QT自定义控件之储能电站源码开源