前几天受朋友之托,给他们的项目写个上位机。有些经验分享给大家
要求是上位机收到通过串口发送的数据,根据数据显示空车位的数量。
*最终上位机拥有的值得一谈的功能:
- 串口通信的相关设置
- 数据保存
- 界面随窗口缩放的实现
- 软件打包
- 。。。然后就没有了
1.开始写软件之前首先明确目的,软件应该实行什么功能,然后设计界面,最后才开始写代码。
界面设计(Visio设计,当然其他工具也可以):
2.软件结构设计
整个软件只有一个窗口tabwidget,在其中嵌入三个继承自Qwidgetd的类,一个用于串口通信相关设置,一个用于显示车位数,一个是帮助页面。
3.软件页面的设计与实现
之前看过其他人写的上位机,有的界面做得不是很爽,主要是界面固定,不能进行窗口缩放。
说一下如何让软件的界面能够大小根据口的大小缩放?窗
- 首先要知道,软件界面的自动缩放,可以由窗口控制。就是说设置好界面后把控制权交给QT的程序框架就行了,框架会进行调整。值得一提的是,个人感觉qt设计师不好用,当界面的控件多的时候,布局起来往往不如人意,特别是要实现窗口缩放的功能,很麻烦。推荐用代码布局,可操作性强,配置起来也简单明了。如果是小项目,界面简单,那就无所谓了。
-
把所有的布局最终嵌入到一个布局里面,然后设置这个布局为窗口的布局,剩下的缩放就交给qt控件了。
4.串口通信的实现
qt5提供了串口类,所以我们只需要调用修改函数进行配置就能够实现通信了。qt5的示例程序里面有查看程序,输入"serial"就可以检索出来。
对串口的操作类似文件操作。过程就是:打开串口—>使用串口—>关闭串口。完整的过程:检索串口—>打开串口—>配置波特率、停止位等等—>对串口读写—>不使用时关闭。
5.代码有些是有注释,有些是没有注释的,还有一些是自注释(通过函数名称就知道是干啥的)。
6.一些需要注意的问题
1.要想使用串口类需要在工程文件添加serialport
eg. QT += core gui serialport
2.为软件的使用方便性,可以设置"伙伴"(setBuddy)
3.注意控件的宽度,有时候界面缩放效果不理想,并不是布局不好,而是控件的一些属性(高度、宽度)影响了布局。
7.这个程序车位显示模块做得真菜,判断有无车位居然使用的是if()else()……..
他们做的下位机连个通信协议都定。我这边也是没办法,把老师忽悠过关就行了。反正不是我的项目,O(∩_∩)O~
8.结果展示:
9.软件打包
1.思考一个问题:为什么要打包?
通俗来说,因为用户可能没有Qt SDK,可能有也不知道如何使用,所以需要打包(不同意的同志不要笑)。
2.打包工具:
3.打包原料:1.qt生成的可执行文件(一般使用release版的,因为其占用空间少,使用debug对应用户来说没必要,其占用空间也大)
2.qt的一些dll(如果不知道你的可执行程序需要那些,就运行可执行程序根据提示去安装目录下的bin文件夹复制过来就行。eg. C:\Qt\Qt5.5.0\5.5\mingw492_32\bin)
4.打包步骤:
-
把程序用到的资源,可执行程序、相关dll放置一个文件夹里
-
打开打包工具,
完成后可以发给用户了。
10.上代码:
KelySerialPort.pro(项目文件)
#-------------------------------------------------
#
# Project created by QtCreator 2015-10-01T15:33:42
#
#-------------------------------------------------
QT += core gui serialport
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
TARGET = KelySerialPort
TEMPLATE = app
SOURCES += main.cpp \
KelySerialPort.cpp
HEADERS += \
KelySerialPort.h
DISTFILES += \
Readme.txt
RC_FILE += app.rc
KelySerialPort.h(头文件):
#ifndef WIDGET_H
#define WIDGET_H
#include <QWidget>
#include <QTime>
#include <QTimer>
#include <QDebug>
#include <QWidget>
#include <QPushButton>
#include <QLineEdit>
#include <QLabel>
#include <QGridLayout>
#include <QtDebug>
#include <QComboBox>
#include <QMessageBox>
#include <QtGui>
#include <QTableView>
#include <QHeaderView>
#include <QTextEdit>
#include <QTextBrowser>
#include <QtSerialPort/QSerialPort>
class PositionShow : public QWidget
{
Q_OBJECT
public:
PositionShow(QWidget *parent = 0);
~PositionShow();
QPushButton * pb0;
QPushButton * pb1;
QPushButton * pb2;
QPushButton * pb3;
QGridLayout * gl0;
#define Posi0_0 "carport0"
#define Posi0_1 "carport1"
#define Posi1_0 "carport2"
#define Posi1_1 "carport3"
public slots:
};
class MySerialPort : public QWidget
{
Q_OBJECT
public:
MySerialPort(QWidget *parent = 0);
~MySerialPort();
QHBoxLayout * hl0;
QHBoxLayout * hl1;
QHBoxLayout * hl2;
QHBoxLayout * hl3;
QHBoxLayout * hl4;
QHBoxLayout * hl5;
QHBoxLayout * hl6;
QHBoxLayout * hl7;
QHBoxLayout * hl8;
QVBoxLayout * vl0;
QVBoxLayout * vl1;
QGridLayout * gl0;
QLabel * lb0;
QLabel * lb1;
QLabel * lb2;
QLabel * lb3;
QLabel * lb4;
QLabel * lb5;
QLabel * lb6;
QComboBox * cb0;
QComboBox * cb1;
QComboBox * cb2;
QComboBox * cb3;
QComboBox * cb4;
QPushButton * pb0;
QPushButton * pb1;
QPushButton * pb2;
QPushButton * pb3;
QPushButton * pb4;
QTextEdit* te0;
QLineEdit* le0;
public slots:
bool readFromSerial(void);
bool sendToSerial(void);
void openSerial(void);
void clearSendArea(void);
void clearGetArea(void);
void saveData(void);
public:
QSerialPort serial;
QByteArray readBuf;
QTimer timer;
QString msg;
void UIload(void);
void UIlayout(void);
void setBaudRate(void);
void setDataBit(void);
void setParity(void);
void setStopBits(void);
void setComponemtAttribute(void);
};
class Widget : public QWidget
{
Q_OBJECT
public:
Widget(QWidget *parent = 0);
~Widget();
QGridLayout * gl_tab;
QTabWidget * QTab_UI;
MySerialPort * QTab_SerP;
PositionShow * QTab_PosiUI;
QWidget * help;
QTextBrowser * tw0;
QVBoxLayout * v0_for_help;
QTimer *timer;
public slots:
void showEmptyPosi(void);
public:
void loadDocument(void);
};
#endif // WIDGET_H
KelySerialPort.cpp(正文):
#include "KelySerialPort.h"
#include <QFile>
#include <QTextStream>
#include <QtSerialPort/QSerialPortInfo>
#include <QTime>
#include <QDate>
#include <QTimer>
#include <QString>
#include <QComboBox>
Widget::Widget(QWidget *parent)
: QWidget(parent)
{
this->setWindowTitle(tr("上位机:空位显示"));
QTab_UI= new QTabWidget;
QTab_SerP = new MySerialPort;
QTab_PosiUI = new PositionShow;
help = new QWidget;
gl_tab = new QGridLayout;
v0_for_help = new QVBoxLayout;
QTab_UI->addTab(QTab_SerP,tr("(&T)串口设置界面"));
QTab_UI->addTab(QTab_PosiUI,tr("(&S)车位显示界面"));
QTab_UI->addTab(help,tr("(&H)帮助页面"));
gl_tab->addWidget(QTab_UI);
gl_tab->setContentsMargins(0,0,0,0);
this->setLayout(gl_tab); // 为窗口设置布局
timer = new QTimer(this); // 定时器 1秒 用于更新车位的状态
timer->start(1000);
connect(timer, SIGNAL(timeout()), this, SLOT(showEmptyPosi()));
loadDocument(); // 加载帮助界面的文档
}
Widget::~Widget()
{
}
MySerialPort::MySerialPort(QWidget *parent)
{
UIload();
UIlayout();
setComponemtAttribute();
foreach (const QSerialPortInfo &info, QSerialPortInfo::availablePorts()) {
cb0->addItem(info.portName());
}
connect(pb0,SIGNAL(clicked(bool)),this,SLOT(openSerial()));
connect(pb3,SIGNAL(clicked(bool)),this,SLOT(sendToSerial()));
connect(&serial,SIGNAL(readyRead()),this,SLOT(readFromSerial()));
connect(pb1,SIGNAL(clicked(bool)),this,SLOT(clearSendArea()));
connect(pb4,SIGNAL(clicked(bool)),this,SLOT(clearGetArea()));
connect(pb2,SIGNAL(clicked(bool)),this,SLOT(saveData()));
}
MySerialPort::~MySerialPort()
{
}
bool MySerialPort::readFromSerial()
{
readBuf.append(serial.readAll());
te0->append(QString(readBuf));
msg = QString(readBuf);
readBuf.clear();
}
bool MySerialPort::sendToSerial()
{
serial.write(le0->text().toLocal8Bit());
}
void MySerialPort::openSerial()
{
if(pb0->text()=="(&O)打开串口"){
pb0->setText(tr("(&O)关闭串口"));
serial.setPortName(cb0->currentText());
serial.open(QIODevice::ReadWrite);
setBaudRate();
setDataBit();
setParity();
setStopBits();
cb0->setEnabled(false);
cb1->setEnabled(false);
cb2->setEnabled(false);
cb3->setEnabled(false);
cb4->setEnabled(false);
}else{
serial.close();
pb0->setText(tr("(&O)打开串口"));
cb0->setEnabled(true);
cb1->setEnabled(true);
cb2->setEnabled(true);
cb3->setEnabled(true);
cb4->setEnabled(true);
}
}
void MySerialPort::clearSendArea()
{
te0->clear();
}
void MySerialPort::clearGetArea()
{
le0->clear();
}
void MySerialPort::saveData()
{ QTime tim;
qDebug()<<tim.currentTime().toString();
QDate td;
qDebug()<<td.currentDate().toString();
QFile data("SerialPortRecord.txt");
if (data.open(QFile::WriteOnly | QFile::Append)) {
QTextStream out(&data);
out<<"Save time:"<<td.currentDate().toString()<<" " \
<<tim.currentTime().toString()\
<<"\nData:"<<te0->document()->toPlainText()<<"\n\n";
}
}
void MySerialPort::UIload()
{
hl0 = new QHBoxLayout;
hl1 = new QHBoxLayout;
hl2 = new QHBoxLayout;
hl3 = new QHBoxLayout;
hl4 = new QHBoxLayout;
hl5 = new QHBoxLayout;
hl6 = new QHBoxLayout;
hl7 = new QHBoxLayout;
hl8 = new QHBoxLayout;
vl0 = new QVBoxLayout;
vl1 = new QVBoxLayout;
gl0 = new QGridLayout;
lb0 = new QLabel(tr("(&B)串口号:"));
lb1 = new QLabel(tr("(&V)波特率:"));
lb2 = new QLabel(tr("(&E)数据位:"));
lb3 = new QLabel(tr("(&P)停止位:"));
lb4 = new QLabel(tr("(&J)校验位:"));
lb5 = new QLabel(tr("(&G)数据接收区:"));
lb6 = new QLabel(tr("(&D)数据发送区:"));
cb0 = new QComboBox;
cb1 = new QComboBox;
cb2 = new QComboBox;
cb3 = new QComboBox;
cb4 = new QComboBox;
pb0 = new QPushButton(tr("(&O)打开串口"));
pb1 = new QPushButton(tr("(&L)清空数据发送区"));
pb2 = new QPushButton(tr("(&A)保存数据"));
pb3 = new QPushButton(tr("(&E)发送数据"));
pb4 = new QPushButton(tr("(&G)清空数据接收区"));
te0 = new QTextEdit;
le0 = new QLineEdit;
}
void MySerialPort::UIlayout()
{
hl0->addWidget(lb0);
hl0->addWidget(cb0);
hl1->addWidget(lb1);
hl1->addWidget(cb1);
hl2->addWidget(lb2);
hl2->addWidget(cb2);
hl3->addWidget(lb3);
hl3->addWidget(cb3);
hl4->addWidget(lb4);
hl4->addWidget(cb4);
hl5->addWidget(pb1);
hl5->addWidget(pb2);
hl6->addWidget(pb3);
hl6->addWidget(pb4);
vl0->addWidget(pb0);
vl0->addLayout(hl0);
vl0->addLayout(hl1);
vl0->addLayout(hl2);
vl0->addLayout(hl3);
vl0->addLayout(hl4);
vl1->addWidget(lb6);
vl1->addLayout(hl6);
vl1->addWidget(le0);
vl1->addWidget(lb5);
vl1->addLayout(hl5);
vl1->addWidget(te0);
gl0->addLayout(vl0,0,0);
gl0->addLayout(vl1,0,1);
gl0->setSpacing(20);
this->setLayout(gl0);
}
void MySerialPort::setBaudRate()
{
if(cb1->currentText() == tr("9600"))
serial.setBaudRate(QSerialPort::Baud9600);
else if(cb1->currentText() == tr("1200"))
serial.setBaudRate(QSerialPort::Baud1200);
else if(cb1->currentText() == tr("2400"))
serial.setBaudRate(QSerialPort::Baud2400);
else if(cb1->currentText() == tr("4800"))
serial.setBaudRate(QSerialPort::Baud4800);
else if(cb1->currentText() == tr("19200"))
serial.setBaudRate(QSerialPort::Baud19200);
else if(cb1->currentText() == tr("38400"))
serial.setBaudRate(QSerialPort::Baud38400);
else if(cb1->currentText() == tr("57600"))
serial.setBaudRate(QSerialPort::Baud57600);
else if(cb1->currentText() == tr("115200"))
serial.setBaudRate(QSerialPort::Baud115200);
}
void MySerialPort::setDataBit()
{
if(cb2->currentText() == tr("Data5"))
serial.setDataBits(QSerialPort::Data5);
else if(cb2->currentText() == tr("Data6"))
serial.setDataBits(QSerialPort::Data6);
else if(cb2->currentText() == tr("Data7"))
serial.setDataBits(QSerialPort::Data7);
else if(cb2->currentText() == tr("Data8"))
serial.setDataBits(QSerialPort::Data8);
}
void MySerialPort::setParity()
{
if(cb4->currentText() == tr("NoParity"))
serial.setParity(QSerialPort::NoParity);
else if(cb4->currentText() == tr("EvenParity"))
serial.setParity(QSerialPort::EvenParity);
else if(cb4->currentText() == tr("OddParity"))
serial.setParity(QSerialPort::OddParity);
else if(cb4->currentText() == tr("SpaceParity"))
serial.setParity(QSerialPort::SpaceParity);
else if(cb4->currentText() == tr("MarkParity"))
serial.setParity(QSerialPort::MarkParity);
}
void MySerialPort::setStopBits()
{
if(cb3->currentText() == tr("OneStop"))
serial.setStopBits(QSerialPort::OneStop);
else if(cb3->currentText() == tr("OneAndHalfStop"))
serial.setStopBits(QSerialPort::OneAndHalfStop);
else if(cb3->currentText() == tr("TwoStop"))
serial.setStopBits(QSerialPort::TwoStop);
}
void MySerialPort::setComponemtAttribute()
{
cb1->addItem(tr("9600"));
cb1->addItem(tr("1200"));
cb1->addItem(tr("2400"));
cb1->addItem(tr("4800"));
cb1->addItem(tr("19200"));
cb1->addItem(tr("38400"));
cb1->addItem(tr("57600"));
cb1->addItem(tr("115200"));
cb2->addItem(tr("Data8"));
cb2->addItem(tr("Data5"));
cb2->addItem(tr("Data6"));
cb2->addItem(tr("Data7"));
cb3->addItem(tr("OneStop"));
cb3->addItem(tr("OneAndHalfStop"));
cb3->addItem(tr("TwoStop"));
cb4->addItem(tr("NoParity"));
cb4->addItem(tr("EvenParity"));
cb4->addItem(tr("OddParity"));
cb4->addItem(tr("SpaceParity"));
cb4->addItem(tr("MarkParity"));
pb0->setFixedWidth(120);
pb1->setFixedWidth(120);
pb2->setFixedWidth(120);
pb3->setFixedWidth(120);
pb4->setFixedWidth(120);
te0->setEnabled(false);
cb0->setFixedWidth(100);
cb1->setFixedWidth(100);
cb2->setFixedWidth(100);
cb3->setFixedWidth(100);
cb4->setFixedWidth(100);
lb5->setBuddy(te0);
lb6->setBuddy(le0);
lb0->setBuddy(cb0);
lb1->setBuddy(cb1);
lb2->setBuddy(cb2);
lb3->setBuddy(cb3);
lb4->setBuddy(cb4);
}
PositionShow::PositionShow(QWidget *parent)
{
gl0 = new QGridLayout;
pb0 = new QPushButton(tr("无车"));
pb1 = new QPushButton(tr("无车"));
pb2 = new QPushButton(tr("无车"));
pb3 = new QPushButton(tr("无车"));
pb0->setFixedSize(250,250);
pb1->setFixedSize(250,250);
pb2->setFixedSize(250,250);
pb3->setFixedSize(250,250);
gl0->addWidget(pb0,0,0);
gl0->addWidget(pb1,0,1);
gl0->addWidget(pb2,1,0);
gl0->addWidget(pb3,1,1);
pb0->setStyleSheet(QString::fromUtf8("font: 75 36pt \"\351\273\221\344\275\223\";"));
pb1->setStyleSheet(QString::fromUtf8("font: 75 36pt \"\351\273\221\344\275\223\";"));
pb2->setStyleSheet(QString::fromUtf8("font: 75 36pt \"\351\273\221\344\275\223\";"));
pb3->setStyleSheet(QString::fromUtf8("font: 75 36pt \"\351\273\221\344\275\223\";"));
setLayout(gl0);
}
PositionShow::~PositionShow()
{
}
void Widget::showEmptyPosi()
{
QString str = QTab_SerP->msg;
if(str == "END_A_0")
QTab_PosiUI->pb0->setText(tr("空车位:\n0个"));
if(str == "END_A_1")
QTab_PosiUI->pb0->setText(tr("空车位:\n1个"));
if(str == "END_A_2")
QTab_PosiUI->pb0->setText(tr("空车位:\n2个"));
if(str == "END_B_0")
QTab_PosiUI->pb1->setText(tr("空车位:\n0个"));
if(str == "END_B_1")
QTab_PosiUI->pb1->setText(tr("空车位:\n1个"));
if(str == "END_C_0")
QTab_PosiUI->pb2->setText(tr("空车位:\n0个"));
if(str == "END_C_1")
QTab_PosiUI->pb2->setText(tr("空车位:\n1个"));
if(str == "END_D_0")
QTab_PosiUI->pb3->setText(tr("空车位:\n0个"));
if(str == "END_D_1")
QTab_PosiUI->pb3->setText(tr("空车位:\n1个"));
}
void Widget::loadDocument()
{
tw0 = new QTextBrowser;
v0_for_help->addWidget(tw0);
help->setLayout(v0_for_help);
QByteArray str;
QFile file("Readme.txt");
if(file.open(QFile::ReadOnly)){
str.append(file.readAll());
file.close();
}
tw0->setText(str);
}
main.cpp(主函数):
#include "KelySerialPort.h"
#include <QApplication>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
Widget w;
w.show();
return a.exec();
}
Readme.txt(相关的。。):
1.enum QSerialPort::StopBits:
The default value is OneStop, i.e. 1 stop bit.
Constant Value Description
QSerialPort::OneStop 1 1 stop bit.
QSerialPort::OneAndHalfStop 3 1.5 stop bits. This is only for the Windows platform.
QSerialPort::TwoStop 2 2 stop bits.
QSerialPort::UnknownStopBits -1 Unknown number of stop bits. This value is obsolete. It is provided to keep old source code working. We strongly advise against using it in new code.
2.enum QSerialPort::Parity
The default value is NoParity, i.e. no parity.
Constant Value Description
QSerialPort::NoParity 0 No parity bit it sent. This is the most common parity setting. Error detection is handled by the communication protocol.
QSerialPort::EvenParity 2 The number of 1 bits in each character, including the parity bit, is always even.
QSerialPort::OddParity 3 The number of 1 bits in each character, including the parity bit, is always odd. It ensures that at least one state transition occurs in each character.
QSerialPort::SpaceParity 4 Space parity. The parity bit is sent in the space signal condition. It does not provide error detection information.
QSerialPort::MarkParity 5 Mark parity. The parity bit is always set to the mark signal condition (logical 1). It does not provide error detection information.
QSerialPort::UnknownParity -1 Unknown parity. This value is obsolete. It is provided to keep old source code working. We strongly advise against using it in new code.
3.enum QSerialPort::DataBits
The default value is Data8, i.e. 8 data bits.
This enum describes the number of data bits used.
Constant Value Description
QSerialPort::Data5 5 The number of data bits in each character is 5. It is used for Baudot code. It generally only makes sense with older equipment such as teleprinters.
QSerialPort::Data6 6 The number of data bits in each character is 6. It is rarely used.
QSerialPort::Data7 7 The number of data bits in each character is 7. It is used for true ASCII. It generally only makes sense with older equipment such as teleprinters.
QSerialPort::Data8 8 The number of data bits in each character is 8. It is used for most kinds of data, as this size matches the size of a byte. It is almost universally used in newer applications.
QSerialPort::UnknownDataBits -1 Unknown number of bits. This value is obsolete. It is provided to keep old source code working. We strongly advise against using it in new code.
4.enum QSerialPort::BaudRate
The default value is Baud9600, i.e. 9600 bits per second.
This enum describes the baud rate which the communication device operates with.
Note: Only the most common standard baud rates are listed in this enum.
Constant Value Description
QSerialPort::Baud1200 1200 1200 baud.
QSerialPort::Baud2400 2400 2400 baud.
QSerialPort::Baud4800 4800 4800 baud.
QSerialPort::Baud9600 9600 9600 baud.
QSerialPort::Baud19200 19200 19200 baud.
QSerialPort::Baud38400 38400 38400 baud.
QSerialPort::Baud57600 57600 57600 baud.
QSerialPort::Baud115200 115200 115200 baud.
QSerialPort::UnknownBaud -1 Unknown baud. This value is obsolete. It is provided to keep old source code working. We strongly advise against using it in new code.
通信协议?