步骤一：ui界面设计
控件
接收框控件： 
（需要将接收框设置为只读 read only）
属性选择控件： 
发送框控件： 
按钮控件： 
外框控件： 
文本控件： 
界面设计
最终设计结果
布局解析
程序设计
第一步
在.pro文件中修改增加：
QT += core gui serialport // 增加 serialport 模块
第二步
在widget.cpp文件增加以下程序：
点击查看代码
#include <QSerialPortInfo>
Widget::Widget(QWidget *parent) :QWidget(parent),ui(new Ui::Widget)
{ui->setupUi(this);QStringList serialName;foreach (const QSerialPortInfo &inf0, QSerialPortInfo::availablePorts()) {serialNamePort << info.portName();}
}
解析程序：
点击查看代码
#include <QSerialPortInfo> // 必要头文件QStringList serialNamePort; // 新建了字符串列表为serialNamePortforeach (const QSerialPortInfo &info, QSerialPortInfo::availablePorts()) {serialNamePort<<info.portName();}ui->seriaCb->addItems(serialNamePort);// #include <QSerialPortInfo> // 必要头文件// QStringList serialNamePort; // 新建了字符串列表为serialNamePort// QSerialPortInfo // 用于存放串口信息// QSerialPortInfo::availablePorts() // 自动搜索可用串口，返回值为一个数组，数组元素类型就是 QSerialPortInfo// serialNamePort<<info.portName(); // 把返回值加到了二维数组serialNamePort中// ui->seriaCb->addItems(serialNamePort); // 将serialNamePort的元素在ui界面显示出来