【QT】手把手制作一个QT网络调试助手（准备阶段）

目录

1. 新建一个工程 

​2. mainwindow.ui设计

2.1 对窗口主体进行栅格化布局

​2.2 添加网络通信配置GroupBox

2.2.1 填充内容

2.2.2 栅格布局GroupBox

2.3 总结

3. Pro程序配置

4. 头文件相关配置

5. 对控件设置事件

---

1. 新建一个工程 

打开QT Creator4.11.1

新建一个工程名NetTools 

2. mainwindow.ui设计

2.1 对窗口主体进行栅格化布局

2.2 添加网络通信配置GroupBox

2.2.1 填充内容

2.2.1.1 网络通信配置

首先添加GroupBox——网络通信配置——gpbNetConfig，

然后添加Grid Layout；

最后添加功能模块，最终效果如下：

 

 

 2.2.1.2 接收控制

首先在gpbRxCtrl的GroupBox添加Vertical Layout

然后添加组件。

最后对接收控制GroupBox进行栅格布局处理

 首先对UDP控件进行设计：

 2.2.1.2 发送控制

首先在gpbTxCtrl的GroupBox添加添加组件。

栅格化布局处理后。

2.2.2 栅格布局GroupBox

2.3 总结

绘制布局的滋步骤：

 添加完组件后进行栅格化处理会使界面的排版布局更加美观！

添加弹簧，会让控件更加紧凑；同时添加发送和接收文本框； 

最终界面效果：

3. Pro程序配置

后缀为“.pro”是项目管理文件，其文件名称就是项目工程的名字。

在第一行就能看到

如果用到数据库就要添加

Qt += sql

本次需要用到网络模块

既可以改成

QT       += core gui network

或者

QT       += core gui
#标记网络
QT       += network

同时我们建立四个个文件夹方便存放头文件和源文件等。

 

我们将响应的文件拷贝对应文件夹后就要在.pro文件中更新其路径。

 如果想添加一个图标，就要准备一个.ioc的图片存放在res文件夹内；并在.pro文件中添加如下代码：

RC_ICONS = ./res/general/sharingan.ico

为了在源文件中找不到刚刚添加的头文件，应当需要在.pro文件中添加头文件包含路径：

# 头文件包含路径
INCLUDEPATH += ./inc

4. 头文件相关配置

首先包含下述头文件，并解释其头文件的作用：

#include <QtNetwork>

• 包含QTcpSocket, QTcpServer和QUdpSocket

#include <QHostAddress>

• QHostAddress类提供了一个IP地址信息。这个类可以提供与平台无关的，支持IPv4和IPv6的IP地址信息。
• QHostAddress通常都与QTcpSocket, QTcpServer和QUdpSocket一起配合使用，它可以用来辅助连接一个主机，或者辅助启动一个服务器。

#include <QMetaEnum>

• QMetaEnum 类提供了一个枚举的元数据。我们可以使用该类的静态模板函数，fromType<enumerator>来获得关于某个枚举的QMetaEnum对象，然后就可以调用该类的成员函数来获得该枚举的相关信息。该枚举必须使用Q_ENUM宏进行声明。

#include <QComboBox>

• Qt提供的QComboBox复选框只能选择其中一个选项，无法实现同时选中多个。

首先在public中申明一个网络类型的枚举

    enum NetworkType{
        TCPServer  = 0,
        TCPClient  = 1,
        UDP        = 2,
    };
    Q_ENUM(NetworkType)

QHostAddress类提供一个IP地址。 这个类提供一种独立于平台和协议的方式来保存IPv4和IPv6地址。

    QList<QHostAddress> ipAddress;

同时声明一个数组存放数据，声明两个变量存放接收和发送数据个数；

    QByteArray rxBuf;
    quint32 rxCnt = 0;
    quint32 txCnt = 0;

5. 对控件设置事件

首先对链接按钮进行事件设置：

点击确定后，槽函数头文件会自动声明该函数：

private slots:  
    void on_btnLink_clicked(bool checked);

我们在cpp文件中对事件进行编辑，我们首先先实现UDP的功能，之后再介绍TCP的功能。

6. 给按钮添加图标

在res-general添加图片

6.1 创建项目并添加资源文件

本项目是基于基类QMainWindow，因此窗口有菜单和工具栏，我们就是在上面添加图标。

在项目文件中我们需要创建一个资源文件夹用来存放图标，

 然后点击 chooese ；指定该资源文件的位置，并将所创建的资源文件名命名为images.qrc

点击Add Prefix

前缀命名为/general

点击Add Files

全选图片

选择要添加图片的按钮； 

选择文件是不行的，不然运行找不到图标；要选择资源！！！！！！！！！！！！！！！

 

调整图标的大小；