一、TCP简介
目前还不是很懂,今后再说TCP,对于这个TCP客户端的编写,用到了两个参数:
- IP地址
- 端口号
二、项目规划
编写一个TCP客户端,我们需要先把逻辑功能梳理清除,我也是个初学者,就从最简单的开始,先实现必备的功能,包括:数据的发送和接收。
有了一个总体的规划,下面我们就可以动手开始做了,对于QT项目的开发,我们可以把它分成两部分,一部分是界面布局,另一部分是逻辑代码。
三、界面布局
先上我的布局图:
这就是我的整体布局,其中实现了部分功能,HEX显示和发送还有发送新行没有实现,其他都实现了。
下面介绍每部分的控件选择:
-
文字显示(除去按钮,按钮可以直接写)
-
参数输入
和后面发送框一样的控件
-
状态指示灯
状态指示灯同第一个文字显示的,都是使用的Label控件实现的。 -
按钮
-
发送框
-
接收框
四、逻辑代码
- 工程文件需要添加需要用到的 network
2.头文件中需要
- 源文件中的代码
widget.cpp:
#include "widget.h"
#include "ui_widget.h"
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
tcpSocket = new QTcpSocket(this);
setLED(ui->ledLabel, 0, 10);
}
Widget::~Widget()
{
delete ui;
}
//**********************自定义函数*******************/
// 该函数将label控件变成一个圆形指示灯,需要指定颜色color以及直径size
// color 0:grey 1:red 2:green 3:yellow
// size 单位是像素
void setLED(QLabel* label, int color, int size)
{
// 将label中的文字清空
label->setText("");
// 先设置矩形大小
// 如果ui界面设置的label大小比最小宽度和高度小,矩形将被设置为最小宽度和最小高度;
// 如果ui界面设置的label大小比最小宽度和高度大,矩形将被设置为最大宽度和最大高度;
QString min_width = QString("min-width: %1px;").arg(size); // 最小宽度:size
QString min_height = QString("min-height: %1px;").arg(size); // 最小高度:size
QString max_width = QString("max-width: %1px;").arg(size); // 最小宽度:size
QString max_height = QString("max-height: %1px;").arg(size); // 最小高度:size
// 再设置边界形状及边框
QString border_radius = QString("border-radius: %1px;").arg(size/2); // 边框是圆角,半径为size/2
QString border = QString("border:1px solid black;"); // 边框为1px黑色
// 最后设置背景颜色
QString background = "background-color:";
switch (color) {
case 0:
// 灰色
background += "rgb(190,190,190)";
break;
case 1:
// 红色
background += "rgb(255,0,0)";
break;
case 2:
// 绿色
background += "rgb(0,255,0)";
break;
case 3:
// 黄色
background += "rgb(255,255,0)";
break;
default:
break;
}
const QString SheetStyle = min_width + min_height + max_width + max_height + border_radius + border + background;
label->setStyleSheet(SheetStyle);
}
void Widget::connected_Slot()
{
connect(tcpSocket, SIGNAL(readyRead()), this, SLOT(readyread_Slot()));
}
void Widget::readyread_Slot()
{
ui->receiveEdit->appendPlainText(tcpSocket->readAll());
}
void Widget::on_openbt_clicked()
{
tcpSocket->connectToHost(ui->ipEdit->text(), ui->duankouEdit->text().toUInt());
connect(tcpSocket, SIGNAL(connected()), this, SLOT(connected_Slot()));
if(tcpSocket->waitForConnected(1000) == true) setLED(ui->ledLabel, 1, 10);//1s连接延时,为超时表示连接成功,控制LED灯亮。
}
void Widget::on_closeBt_clicked()
{
tcpSocket->close();
setLED(ui->ledLabel, 0, 10);
}
void Widget::on_sendBT_clicked()
{
tcpSocket->write(ui->sendEdit->text().toLocal8Bit().data());
}