Qt实现绘制多个设备的流量曲线图详解

 更新时间:2023年01月05日 09:06:03   作者:音视频开发老舅  
这篇文章主要为大家详细介绍了如何使用Qt开发绘制多个设备的流量曲线图,文中的示例代码讲解详细,对我们学习Qt有一定的帮助,需要的可以参考一下

一、说明

在实际项目中,主要是使用Qt开发CS程序,当然主要是客户端。公司项目中有这个需求是实时显示多个设备的流量曲线图,设备将流量信息发给服务端,服务端再将信息通过Socket发给Qt客户端,Qt客户端通过Socket接收后实时显示在程序的一个窗口上;这个显示是以曲线图的展示方式。

二、界面模型

接到这个功能需求后,使用的界面模型如下图所示,图示已经标示的很清楚了,我就不多详细描述了:

三、功能分析

1、由于设备较多,超过100台,所以不可能每个设备的流量曲线都用一种颜色,因此只选择几种比较明显的颜色作为设备的流量曲线颜色,每次上来一个设备,就用其中的一种颜色绘制曲线。

2、使用QSS来设置部件的样式信息,如前景、背景、被选择时、鼠标移动时等等。

3、用一个部件用作专门的绘制部件,该部件放在窗口中,因此安装事件过滤器,用于重绘子部件信息,绘制曲线图。

4、处理设备上线/下线的网络消息以及设备主动发送的动态流量信息;处理Qt客户端与服务端的连接/断开事件。

四、界面效果

开发出来的最终效果图如下所示:

初始所有设备的流量图如下图

选择设备名为a5的流量图,其中a5设备的流量曲线加粗,背景半透明等效果如下图

选择设备名为a7的流量图,其中a7设备的流量曲线加粗,背景半透明等效果如下图

五、主要代码

//消息过滤,主要用于重绘子控件,过滤Paint事件
 bool QAPRTCurWidget::eventFilter(QObject *watched, QEvent *event)
 {
     if(watched==ui->widget_rxtx && event->type()==QEvent::Paint)
     {
         updateWidgetRTX();
     }
     return QFrame::eventFilter(watched,event);
 }
//绘图操作
 void QAPRTCurWidget::updateWidgetRTX()
 {
     QPainter painter(ui->widget_rxtx);
     painter.setFont(QFont("Times", , QFont::Bold));
     //绘制背景颜色
     painterBackground(painter);
     //画最左边一条虚线,用于和List隔开
     painterLeftDashLine(painter);
     //画纵坐标文本标识
     updateVTextID(painter);
     //画纵坐标文本刻度以及横纵坐标轴
     updateVTextMarkAndCoord(painter);
     //画RX曲线
     paintRXLineInfo(painter);
     //画TX曲线
     paintTXLineInfo(painter);
 }
//画纵坐标文本刻度以及横纵坐标轴
 void QAPRTCurWidget::updateVTextMarkAndCoord(QPainter &painter)
 {
     painter.save();
     //绘图区间的实际高度(部件高度-顶部间隔-底部间隔)
     int nActPaintHeight = ui->widget_rxtx->height()-INTERVAL_WIDGET_TOP-INTERVAL_WIDGET_BOTTOM;
     //每隔的间隔高度
     float fIntervalHeight = ((float)nActPaintHeight)/(m_nVSingleLinePointCount-);
     float fYPointForZero = ui->widget_rxtx->height()-INTERVAL_WIDGET_BOTTOM;
     double dDivideValue = ;
     if(ui->toolButton_rxflow->isChecked())
     {
         dDivideValue = ((double)nRXMaxValue)/(m_nVSingleLinePointCount-);
     }
     if(ui->toolButton_txflow->isChecked())
     {
         dDivideValue = ((double)nTXMaxValue)/(m_nVSingleLinePointCount-);
     }
     for(int nIndex=;nIndex<m_nVSingleLinePointCount;++nIndex)
     {
         //设置文本颜色
         painter.setPen(TEXTCOLOR_WIDGET_PAINT);
         //将原来的字体变小,设置为8
         QFont objFont = painter.font();
         objFont.setPointSize();
         painter.setFont(objFont);
         //画文本,加3的目的是为了是其和横线能保持中间持平
         painter.drawText(INTERVAL_VMARK_LEFT,fYPointForZero-nIndex*fIntervalHeight+,QCommonOP::getKMStrForBit(dDivideValue*nIndex));
         //设置横线颜色
         painter.setPen(COORDCOLOR_WIDGET_PAINT);
         //画横线(第一条和最后一条为实线,中间的为虚线)
         QPen objPen = painter.pen();
         if(==nIndex || (m_nVSingleLinePointCount-)==nIndex)
         {
            objPen.setStyle(Qt::SolidLine);
         }
         else
         {
             objPen.setStyle(Qt::DashLine);
         }
         painter.setPen(objPen);
         float x1 = ui->widget_rxtx->width()-INTERVAL_WIDGET_RIGHT;
         float y1 = fYPointForZero-nIndex*fIntervalHeight;
         painter.drawLine(INTERVAL_HCOORD_LEFT,fYPointForZero-nIndex*fIntervalHeight,x1,y1);
     }
     int nActPaintWidth = ui->widget_rxtx->width()-INTERVAL_HCOORD_LEFT-INTERVAL_WIDGET_RIGHT;
     //每隔的间隔高度--横向:注意使用(float)nActPaintWidth)作为分子,即浮点数
     float fIntervalWidth = ((float)nActPaintWidth)/(m_nHSingleLinePointCount-);
     for(int nIndex=;nIndex<m_nHSingleLinePointCount;++nIndex)
     {
         QPen objPen = painter.pen();
         if(==nIndex || (m_nHSingleLinePointCount-)==nIndex)
         {
            objPen.setStyle(Qt::SolidLine);
         }
         else
         {
             objPen.setStyle(Qt::DashLine);
         }
         painter.setPen(objPen);
         int nXPoint = INTERVAL_HCOORD_LEFT+nIndex*fIntervalWidth;
         painter.drawLine(nXPoint,INTERVAL_WIDGET_TOP,nXPoint,ui->widget_rxtx->height()-INTERVAL_WIDGET_BOTTOM);
     }
     painter.restore();
 }

到此这篇关于Qt实现绘制多个设备的流量曲线图详解的文章就介绍到这了,更多相关Qt绘制流量曲线图内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • C语言数据结构之迷宫问题

    C语言数据结构之迷宫问题

    这篇文章主要为大家详细介绍了C语言数据结构之迷宫问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-03-03
  • C语言实现简单电子通讯录(2)

    C语言实现简单电子通讯录(2)

    这篇文章主要为大家详细介绍了C语言实现简单电子通讯录的第二部分,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • C++开发在IOS环境下运行的LRUCache缓存功能

    C++开发在IOS环境下运行的LRUCache缓存功能

    本文着重介绍如何在XCODE中,通过C++开发在IOS环境下运行的缓存功能。算法基于LRU,最近最少使用,需要的朋友可以参考下
    2012-11-11
  • C++学习笔记之pimpl用法详解

    C++学习笔记之pimpl用法详解

    在编写稳定代码是,管理好代码间的依赖性是不可缺少的一个环节。特别是库文件的编写中,减少代码间的依赖性可以提供一个“干净”的接口。下面这篇文章主要给大家介绍了关于C++中pimpl用法的相关资料,需要的朋友可以参考下。
    2017-08-08
  • C++中map 字典的基本使用教程

    C++中map 字典的基本使用教程

    Map是字典一样的数据结构,它是(键,值)对的关联数组,其中每个唯一键仅与单个值相关联,下面这篇文章主要给大家介绍了关于C++中map 字典的基本使用的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2021-09-09
  • c++截取汉字和英文混合字符串代码实例

    c++截取汉字和英文混合字符串代码实例

    这篇文章主要介绍了c++截取汉字英文混合字符串,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • C++无法打开源文件bits/stdc++.h的问题

    C++无法打开源文件bits/stdc++.h的问题

    这篇文章主要介绍了C++无法打开源文件bits/stdc++.h的问题以及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-08-08
  • c++获取进程信息列表和进程所调用的dll列表

    c++获取进程信息列表和进程所调用的dll列表

    这篇文章主要介绍了c++获取进程信息列表和进程所调用的dll列表,大家参考使用吧
    2013-11-11
  • C++类型转换和IO流操作处理教程

    C++类型转换和IO流操作处理教程

    这篇文章主要给大家介绍了关于C++类型转换和IO流操作处理的相关资料,标准C++为了加强类型转换的可视性,引入了四种命名的强制类型转换操作符,文中给出了详细的代码示例,需要的朋友可以参考下
    2023-08-08
  • C语言进阶之字符串查找库函数详解

    C语言进阶之字符串查找库函数详解

    字符串是一种非常重要的数据类型,但是C语言不存在显式的字符串类型,C语言中的字符串都以字符串常量的形式出现或存储在字符数组中,下面这篇文章主要给大家介绍了关于C语言进阶之字符串查找库函数的相关资料,需要的朋友可以参考下
    2023-01-01

最新评论