QT自制TCP客户端

一、TCP简介

目前还不是很懂,今后再说TCP,对于这个TCP客户端的编写,用到了两个参数:

  1. IP地址
  2. 端口号

二、项目规划

编写一个TCP客户端,我们需要先把逻辑功能梳理清除,我也是个初学者,就从最简单的开始,先实现必备的功能,包括:数据的发送和接收。
有了一个总体的规划,下面我们就可以动手开始做了,对于QT项目的开发,我们可以把它分成两部分,一部分是界面布局,另一部分是逻辑代码

三、界面布局

先上我的布局图:
在这里插入图片描述
在这里插入图片描述

这就是我的整体布局,其中实现了部分功能,HEX显示和发送还有发送新行没有实现,其他都实现了。
下面介绍每部分的控件选择:

  1. 文字显示(除去按钮,按钮可以直接写)
    在这里插入图片描述

  2. 参数输入
    和后面发送框一样的控件
    在这里插入图片描述

  3. 状态指示灯
    状态指示灯同第一个文字显示的,都是使用的Label控件实现的。

  4. 按钮
    在这里插入图片描述

  5. 发送框
    在这里插入图片描述

  6. 接收框

在这里插入图片描述

四、逻辑代码

  1. 工程文件需要添加需要用到的 network
    在这里插入图片描述

2.头文件中需要
在这里插入图片描述

  1. 源文件中的代码

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());

}

五、项目源代码下载

https://download.csdn.net/download/qq_30255657/85620794

  • 2
    点赞
  • 35
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小猛笔记

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值