串口示例(带折线图数据绘制)

一个简单的串口示例,并将数据予以图表化显示,让数据体现得更直观。

插图

串口部分代码

  • 查找可用串口列表

    1
    2
    3
    foreach(const QSerialPortInfo &info, QSerialPortInfo::availablePorts()) {
    ...
    }
  • 设置串口名

    1
    m_serialPort.setPortName(ui->PortBox->currentText());
  • 设置波特率

    1
    m_serialPort.setBaudRate(ui->BaudBox->currentText().toInt());
  • 设置数据位数

    1
    m_serialPort.setDataBits(QSerialPort::Data8);
  • 设置奇偶校验

    1
    m_serialPort.setParity(QSerialPort::NoParity);
  • 设置停止位

    1
    2
    3
    4
    5
    switch(ui->StopBox->currentIndex()) {
    case 1: m_serialPort.setStopBits(QSerialPort::OneStop); break;
    case 2: m_serialPort.setStopBits(QSerialPort::TwoStop); break;
    default: break;
    }
  • 设置流控制

    1
    m_serialPort.setFlowControl(QSerialPort::NoFlowControl);
  • 打开串口

    1
    m_serialPort.open(QIODevice::ReadWrite);

图表代码部分

  折线图基于qcustomplot库绘制。
插图

  • 向绘图区域添加一条曲线

    1
    ui->qCustomPlot->addGraph();
  • 设置坐标轴标签名称

    1
    2
    ui->qCustomPlot->xAxis->setLabel("次数");
    ui->qCustomPlot->yAxis->setLabel("温度");
  • 设置坐标轴显示范围

    1
    2
    ui->qCustomPlot->xAxis->setRange(0, 10);
    ui->qCustomPlot->yAxis->setRange(0, 100);
  • 图表数据更新函数

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    void onUpdateChart()
    {
    ...
    m_xs.append(m_xLength);
    m_ys.append(m_serialUpdateData);
    m_serialUpdateData = 0;

    ui->qCustomPlot->replot();
    ui->qCustomPlot->graph(0)->setData(m_xs, m_ys);

    m_xLength++;
    }

关于更多