QT作业GUI (六) 创建串口调试界面

QT版本5.9.9

目录

QT作业GUI (一) 创建登录框
QT作业GUI (二) 创建注册窗口
QT作业GUI (三) 创建主窗口
QT作业GUI (四) 创建home界面
QT作业GUI (五) 创建editForm界面
QT作业GUI (六) 创建串口调试界面
QT作业GUI (七) 页面展示

1.构建ui界面

选择Main Window类型

SerialAssistant

新增所需图标


设置中间布局




布局结果

直接添加数据

代码添加数据

// 串口下拉框 添加数据
ui->serialComboBox->addItem("ttyS0");
ui->serialComboBox->addItem("ttyS1");
ui->serialComboBox->addItem("ttyS2");
ui->serialComboBox->addItem("ttyUSB0");
// 数据位下拉框 添加数据
ui->dataComboBox->addItem("5");
ui->dataComboBox->addItem("6");
ui->dataComboBox->addItem("7");
ui->dataComboBox->addItem("8");
// 停止位下拉框
ui->stopComboBox->addItem("1");
ui->stopComboBox->addItem("1.5");
ui->stopComboBox->addItem("2");
// 校验位
ui->checkComboBox->addItem("无");
ui->checkComboBox->addItem("奇");
ui->checkComboBox->addItem("偶");
// 设置LCDNumber背景色
ui->lcdNumber->setStyleSheet("QLCDNumber { background-color: lightgreen; }");
ui->lcdNumber_2->setStyleSheet("QLCDNumber { background-color: lightgreen; }");

添加工具栏

toolBar = new QToolBar(this);
this->addToolBar(Qt::TopToolBarArea, toolBar); // 设置工具栏只在顶部
// 给工具栏添加按钮
toolBar->addAction(ui->actionadd);
toolBar->addAction(ui->actionclose);
toolBar->addSeparator(); // 分割线
toolBar->addAction(ui->actionopen);
toolBar->addAction(ui->actioninterval);
toolBar->addAction(ui->actionread);
toolBar->addAction(ui->actionwrite);
toolBar->addAction(ui->actionsave);
toolBar->addSeparator(); // 分割线
toolBar->addAction(ui->actionclearnum);
toolBar->addAction(ui->actionclearserial);
toolBar->addSeparator(); // 分割线
toolBar->addAction(ui->actionhelp);
// 不支持浮空(关闭悬停功能)
toolBar->setFloatable(false);
// 设置工具栏不可移动
toolBar->setMovable(false);

最终效果