前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >串口示例(带折线图数据绘制)

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

作者头像
Qt君
发布2019-08-15 18:40:19
1.7K1
发布2019-08-15 18:40:19
举报
文章被收录于专栏:跟Qt君学编程

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

串口部分代码

  • 查找可用串口列表
代码语言:javascript
复制
foreach(const QSerialPortInfo &info, QSerialPortInfo::availablePorts()) {
    ...
}
  • 设置串口名
代码语言:javascript
复制
m_serialPort.setPortName(ui->PortBox->currentText());
  • 设置波特率
代码语言:javascript
复制
m_serialPort.setBaudRate(ui->BaudBox->currentText().toInt());
  • 设置数据位数
代码语言:javascript
复制
m_serialPort.setDataBits(QSerialPort::Data8);
  • 设置奇偶校验
代码语言:javascript
复制
m_serialPort.setParity(QSerialPort::NoParity);
  • 设置停止位
代码语言:javascript
复制
switch(ui->StopBox->currentIndex()) {
    case 1: m_serialPort.setStopBits(QSerialPort::OneStop); break;
    case 2: m_serialPort.setStopBits(QSerialPort::TwoStop); break;
    default: break;
}
  • 设置流控制
代码语言:javascript
复制
m_serialPort.setFlowControl(QSerialPort::NoFlowControl);
  • 打开串口
代码语言:javascript
复制
m_serialPort.open(QIODevice::ReadWrite);

图表代码部分

  折线图基于qcustomplot库绘制。

  • 向绘图区域添加一条曲线
代码语言:javascript
复制
ui->qCustomPlot->addGraph();
  • 设置坐标轴标签名称
代码语言:javascript
复制
ui->qCustomPlot->xAxis->setLabel("次数");
ui->qCustomPlot->yAxis->setLabel("温度");
  • 设置坐标轴显示范围
代码语言:javascript
复制
ui->qCustomPlot->xAxis->setRange(0, 10);
ui->qCustomPlot->yAxis->setRange(0, 100);
  • 图表数据更新函数
代码语言:javascript
复制
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++;
}

关于更多

  • 源码地址: https://github.com/aeagean/SerialPort
  • 公众号回复"串口"即可获取串口相关的文章。
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-08-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Qt君 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 串口部分代码
  • 图表代码部分
  • 关于更多
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档