标签: qt

QGraphicsView 本身并没有鼠标操作功能。需要另写函数实现。基本的思路是写一个新的类，继承 QGraphicsView ， class ChartView : public QChartView 再重载鼠标操作函数。 void mousePressEvent ( QMouseEvent * event ) override void mouseMoveEvent ( QMouseEvent * event ) override void mouseReleaseEvent ( QMouseEvent * event ) override void wheelEvent ( QWheelEvent * event ) override 需要使用 3 个私有的变量记录鼠标的动作状态 private : bool isClicking ; // 记录鼠标左键按下和释放，只有在按下鼠标再拖动时才产生动作。 int startX ; // 记录鼠标按下时起始点位置 int startY ; 使用两个公共指针，指向序列数据和折线图 public : QLineSeries * series ; // 用于折线图的数据序列 QChart * chart ; // 图指针 在鼠标左键按下的事件处理函数中使 isClicking 为 true ，同时使用 StartX StartY 记录起始点位置 在鼠标左键释放的事件处理函数中使用 isClicking 为 false 在鼠标移动事件中，获取移动的距离，改变数轴的范围。这样就可以实现鼠标点击拖动。 在鼠标滚轮滚动的事件中，获取滚轮滚动量和方向，同步改变数轴的范围，实现图片左右移动。 生成一个 chartview.h 文件，并添加到工程中。 # ifndef CHARTVIEW_H # define CHARTVIEW_H # include < QApplication # include < QtCharts # include < QLineSeries # include < QChart # include < QChartView # include < QValueAxis # include < QMouseEvent QT_CHARTS_USE_NAMESPACE class ChartView : public QChartView { public : QLineSeries * series ; QChart * chart ; ChartView ( QWidget * parent = nullptr ) : QChartView ( parent ), isClicking ( false ) { // 创建折线图 series = new QLineSeries (); series append (- 3 , 4 ); series append (- 2 , 3 ); series append (- 1 , 2 ); series append ( 0 , 1 ); series append ( 1 , 3 ); series append ( 2 , 2 ); series append ( 3 , 4 ); chart = new QChart (); chart addSeries ( series ); chart createDefaultAxes (); chart legend hide (); setChart ( chart ); setRenderHint ( QPainter :: Antialiasing ); setRubberBand ( QChartView :: RectangleRubberBand ); } protected : void mousePressEvent ( QMouseEvent * event ) override { if ( event button () == Qt :: LeftButton ) { isClicking = true ; startX = event x (); startY = event y (); } } void mouseMoveEvent ( QMouseEvent * event ) override { if ( isClicking ) { int deltaX = event x () - startX ; int deltaY = event y () - startY ; // QChart *chart = chart(); if ( event modifiers () == Qt :: ControlModifier ) { QValueAxis * axisX = qobject_cast < QValueAxis ( chart axes ( Qt :: Horizontal ). at ( 0 ) ); QValueAxis * axisY = qobject_cast < QValueAxis ( chart axes ( Qt :: Vertical ). at ( 0 ) ); if ( axisX && axisY ) { qreal deltaXRatio = deltaX / chart plotArea (). width (); qreal deltaYRatio = deltaY / chart plotArea (). height (); qreal deltaXValue = deltaXRatio * ( axisX max () - axisX min ()); qreal deltaYValue = deltaYRatio * ( axisY max () - axisY min ()); axisX setRange ( axisX min () - deltaXValue , axisX max () - deltaXValue ); // min() + deltaYValue, max() + deltaYValue); } } else { chart scroll (- deltaX , deltaY ); } startX = event x (); startY = event y (); } } void mouseReleaseEvent ( QMouseEvent * event ) override { if ( event button () == Qt :: LeftButton ) { isClicking = false ; } } void virtual wheelEvent ( QWheelEvent * event ) override { qreal temp = event angleDelta (). y (); QValueAxis * axisX = qobject_cast < QValueAxis ( chart axes ( Qt :: Horizontal ). at ( 0 ) ); if ( temp 0 ) axisX setRange ( axisX min () + 1 , axisX max () + 1 ); else axisX setRange ( axisX min () - 1 , axisX max () - 1 ); } private : bool isClicking ; int startX ; int startY ; }; # endif // CHARTVIEW_H 在窗口中增加一个 Graphics view 控制，并提升为这个扩展的类。 现在这个折线图就可以使用鼠标操作了。 因为这个类中有公有的 QLineSeries 指针，在获取指针后可以对数据序列进行操作。 void MainWindow :: on_pushButton_clicked () { static int i = 7 ; QLineSeries * p ; p = ui graphicsView series ; // 获取数据序列指针 p append ( i , 3 ); i ++; } 测试一下：

在 QT 中不同模块之间传递数据可以使用全局共享的方式，比如建立一个称为 SysPara 的类继承于 QObject 类。 头文件中公有函数中提供一个获取这个类的指针 GetInstance() 私有成员中 存放一个 指向 SysPara 的 s_instance 指针。 class SysPara : public QObject { Q_OBJECT public : static SysPara * getInstance (); // 其他成员函数和数据成员 int gloabledata; QString gloablestr; private : explicit SysPara ( QObject * parent = nullptr ); static SysPara * s_instance ; }; 在 C 文件中实现这些函数功能，在构造函数中，可以将公有成员做初始化。 在 getInstance 函数中先判断 s_instance 是不是为空指针，是则实例化 SysPara ，然后返回 s_instance SysPara * SysPara :: s_instance = nullptr ; SysPara :: SysPara ( QObject * parent ) : QObject ( parent ) { // 构造函数的实现 gloabledata = ; gloablestr = ; } SysPara * SysPara :: getInstance () { if (! s_instance ) { s_instance = new SysPara (); } return s_instance ; } 这样设计的好处是，可以在项目任意地方使用。当第一次使用时自动做初始化。 需要使用时在任意地方先获取全局类的指针 SysPara * pPara = SysPara :: getInstance (); 然后就可以使用 来操作公有成员了。 gloablestr

在原工程中新创建一个界面类。系统会生成一个窗口 ui 及相应的描述这个 form 的类头文件和 CPP 文件并加入到工程中。 将类名修改成想要的类型后。直接生成。 Pro 文件中增加 QT += charts 在 ui 文件中放一个 QGraphicView 控制，并提升为 QtChartView 在生成的 h 文件中增加 # include < QtCharts / QChartView # include < QtCharts / QLineSeries # include < QValueAxis QT_BEGIN_NAMESPACE QT_CHARTS_USE_NAMESPACE QT_END_NAMESPACE 除了要包含 QtCharts 这些库之外，还需要使用 CHARTS 的命名空间。 class DialogPMTData : public QDialog { Q_OBJECT 在类定义中增加公有元素 QLineSeries 用于存放拆线数据序列， QValueAxis QValueAxis 用于指定坐标轴 QChart 用于指定图片的组成。 public : explicit DialogPMTData ( QWidget * parent = nullptr ); ~ DialogPMTData (); QLineSeries * LineSerial ; QChart * chart ; QValueAxis * xaxis ; QValueAxis * yaxis ; private : Ui :: DialogPMTData * ui ; }; 在构造函数中实例化这些指针 DialogPMTData :: DialogPMTData ( QWidget * parent ) : QDialog ( parent ), ui ( new Ui :: DialogPMTData ) { ui setupUi ( this ); LineSerial = new QLineSeries ; LineSerial append ( 1 , 3.3 ); LineSerial append ( 2.1 , 0.2 ); LineSerial append ( 3 , 1.1 ); LineSerial append ( 5.4 , - 0.2 ); LineSerial append ( 6.0 , 0.1 ); chart = new QChart (); chart legend hide (); chart addSeries ( LineSerial ); // createDefaultAxes(); xaxis = new QValueAxis (); yaxis = new QValueAxis (); xaxis setRange ( 1.0 , 6.0 ); yaxis setRange (- 0.2 , 2.3 ); chart addAxis ( yaxis , Qt :: AlignLeft ); chart addAxis ( xaxis , Qt :: AlignBottom ); LineSerial attachAxis ( xaxis ); LineSerial attachAxis ( yaxis ); chart setTitle ( "PMT data 20ms" ); //chartView = new QChartView(chart); ui PMTDataView setChart ( chart ); } 在 MainWindow 中加入这个窗口类，并作为公有对象。并定义一个定时器，用于定时刷新图像，并增加一个槽函数用于刷新图像。 class MainWindow : public QMainWindow { Q_OBJECT public : MainWindow ( QWidget * parent = nullptr ); ~ MainWindow (); SerialComm AASCom ; DialogPMTData PMTView ; QTimer SerialParsetimer ; private slots : void PmtDataParse1 (); 在 MainWindow 的构造函数中定义并启动定时器。连接定时器 timeout 信号到槽函数。 MainWindow :: MainWindow ( QWidget * parent ) : QMainWindow ( parent ) , ui ( new Ui :: MainWindow ) { ui setupUi ( this ); connect (& SerialParsetimer , & QTimer :: timeout , this , & MainWindow :: PmtDataParse1 ); // 设置定时器的时间间隔，单位为毫秒 int interval = 10 ; // 每 10 毫秒运行一次 SerialParsetimer . start ( interval ); PMTView . show (); } 在槽函数中从接收到的数据中识别出正确数据，并更新图像的数据系列，计算坐标轴然后显示出来。 void MainWindow :: PmtDataParse1 (){ btoi_typedef btoi ; int i ; //ret = 0; int posstart = AASCom . rxbuf indexOf ( "DATA" ); int posend = AASCom . rxbuf indexOf ( "\r\n\r\n" ); if ( posstart != - 1 ){ if ( AASCom . rxbuf length = posstart + 608 ){ if ( AASCom . rxbuf mid ( posstart + 604 , 4 ) == "\r\n\r\n" ){ PMTView . LineSerial clear (); for ( i = 0 ; i < 150 ; i ++){ memcpy ( btoi . byte , AASCom . rxbuf mid ( i * 4 + 4 , 4 ), 4 ); PMTView . LineSerial append ( i , btoi . idat / 256 ); } AASCom . rxbuf remove ( posstart , 608 ); double ymin , ymax , deltay ; ymin = PMTView . LineSerial at ( 0 ). y (); ymax = ymin ; for ( int i = 1 ; i < PMTView . LineSerial count (); i ++){ ymin = qMin ( PMTView . LineSerial at ( i ). y (), ymin ); ymax = qMax ( PMTView . LineSerial at ( i ). y (), ymax ); } PMTView . LineSerial setColor ( QColor ( rand ()% 255 , rand ()% 255 , rand ()% 255 )); deltay = ymax - ymin ; ymin -= deltay / 10 ; ymax += deltay / 10 ; PMTView . yaxis setRange (( int ) ymin ,( int ) ymax ); PMTView . xaxis setRange ( 0 , 149 ); PMTView . chart update (); } else AASCom . rxbuf remove ( posstart , 4 ); } } } 这样从串口接收到的数据，就能在另一个窗口中显示出来了。 另外，程序运行时，需要改变窗口尺寸时同步改变图像显示的尺寸，可以将 ChartView 控件拖入一个垂直布局中， 并在构造函数中加入： this setLayout ( ui verticalLayout );

最近在使用串口读一些数据，但是总会出现些发、送之间的冲突问题，为了弄清楚问题的所在，于是产生了想法，做了一个日志保存。 void Widget::SaveLogTxt(QString dat ) { QDateTime currenttime = QDateTime::currentDateTime(); QString strDate = currenttime.toString("yyyy/MM/dd"); QString strTime = currenttime.toString("hh:mm:ss.zzz"); QString path = QCoreApplication::applicationDirPath(); QString strPath = "C://Users//user//Desktop//RS485/log.txt"; qDebug()<

串口将接收到的数据，进行解析后，使用QT绘图，动态刷新显示。 先将项目文件中增加 charts 支持 QT += charts 在主窗口定义中增加 QT_CHARTS_USE_NAMESPACE 在 ui 中使用 graphic view 控件占用图形显示的位置，并将控件提升为 QChartView 控件。 Qchart 可以绘制折线、条形图或饼图。折线需要有 QLineSeries 容纳折线的坐标数据。 先定义私有成员 QLineSeries * LineSerial ; ，需要在构造函数中实例化。 chart = new QChart(); hide(); addSeries(LineSerial); //将线性序列加入到图 QValueAxis *xaxis = new QValueAxis(); //建立X，Y轴 QValueAxis *yaxis = new QValueAxis(); setRange(0,20); // 设定 数轴范围 setRange(0,10); addAxis(yaxis,Qt::AlignLeft); addAxis(xaxis,Qt::AlignBottom); attachAxis(xaxis); attachAxis(yaxis); setTitle("Simple line chart example"); //设定图的抬头 setChart(chart); // 将 图加入到chatview 这样就可以将折线图显示出来了。 使用串口数据动态刷新折线图 在串口接收的槽函数中，收到的数据是使用 readall() ，读到一个 QString 里面，但有可能只是零碎的数据片段。获得数据后，追加到先前接收到的数据后面，再进行处理。这里有一个专门的处理函数，在槽函数中调用。依据要求，传入数据段指针和需要处理的数据序列指针。使用 QString 中的各种方法，判断数据是不是完整的，找到数据头和尾。然后进行解析，将合法数据追加到数据序列里。 int bubfreqscanpharse(QString *p,QLineSeries *pls){ indexOf("@ 6.00 MHz"); int ret = 0; static int linecolor = 0; if(npos != -1){ right(2)=="\r\n"){ // QDebug() << "get tail"; split("@"); if(datlist.size()==42){ int i; float x,y; clear(); for(i=1;i<42;i++){ x = datlist .mid(1,4).toFloat(); y = datlist .mid(11,4).toFloat(); append(x,y); } setColor(QColor(qrand()%255,qrand()%255,qrand()%255)); ret = 1; } clear(); } } return ret; } 串口接收处理槽函数 void MainWindow::readData() { readAll(); // 串口收到的数据放到data中 append(data); // 追加data到接收缓冲区 setText(data); // 显示刚收到的数据 // 调用数据处理函数，并传入缓冲区数据和链接到图的数据序列指针 if(bubfreqscanpharse(buf,LineSerial) == 1){ createDefaultAxes(); } }