QT 网络聊天室简易版

视频:qt开发网络聊天w室软件3.4界面开发_哔哩哔哩_bilibili

目录

UI部分

设计稿图

放置控件

界面美化

拖动窗体

设置界面

网络部分

配置对话框

多项目结果和服务器端设计

客户端框架开发


UI部分

设计稿图

放置控件

界面美化

现在我们把窗体自带的标题栏给去了,用我们自己画的.我们在调用窗口这里调用setWindowFlags()函数,它利用有个隐藏标题栏方法Qt::FramelessWindowHint

拖动窗体

我们需要重写几个虚函数:

cpp 复制代码
    virtual void mousePressEvent(QMouseEvent *event);   //响应鼠标点击
    virtual void mouseReleaseEvent(QMouseEvent *event); //响应鼠标离开
    virtual void mouseMoveEvent(QMouseEvent *event);    //响应鼠标按住窗体移动

这样就可以拖动窗体了:

设置界面

新建一个Dlg文件,名字为Dlg_setting,如下:

把我们的设置按钮重名为btn_set,然后转到槽:

然后调用我们的dlg_setting界面:

cpp 复制代码
void cell_Main::on_btn_set_clicked()
{
    Dlg_setting dlg;
    dlg.exec();
}

此时就可以通过点击设置按钮打开设置界面了吗

新增一个清屏按钮:

网络部分

首先需要在Pro文件中加载socket模块:

cpp 复制代码
QT       +=network

配置对话框

在QDialog类下的QWidge类里有个虚函数showEvent(),我们需要重写这个虚函数

在dlg_setting.cpp文件里重写showEvent虚函数,这样我们就可以在点击设置的时候打印出我们的地址

cpp 复制代码
void Dlg_setting::showEvent(QShowEvent *event)
{
    auto l=QNetworkInterface::allAddresses();
    for(auto it:l)
    {
        qDebug()<<it.toString();
    }
}

现在我们在我们的电脑上模拟两个客户端,一个服务端.我们自己来配一下地址:

在控制面板的网络连接里,选择我们的以太网,在属性的里选择ipv4,在高级选项里新增两个客户端ip地址,一个服务器端ip地址:

此时再调用showEvent(函数),发现我们的自己配置的地址和端口号就显示出来了:

然后我们把我们配置的地址给 加载进我们ui界面ip地址的下拉列表框里:

cpp 复制代码
void Dlg_setting::showEvent(QShowEvent *event)
{
    // 清空下拉框中的IP地址列表
    ui->cb_ips->clear();
    
    // 获取所有网络接口的地址列表
    auto l = QNetworkInterface::allAddresses();
    
    // 遍历所有网络接口的地址
    for (auto it : l)
    {
        // 打印出所有地址,调试用,可以注释掉
        // qDebug()<<it.toString();
        
        // 检查地址是否为IPv4类型
        if (QAbstractSocket::IPv4Protocol == it.protocol())
        {
            // 如果是IPv4地址,则添加到下拉框中
            ui->cb_ips->addItem(it.toString());   
        }
    }
}

多项目结果和服务器端设计

我们创建一个根文件夹qtalk,里面放客户端和服务器端.客户端就是我们上面写的,服务器端不用Ui界面,创建一个控制台文件即可

qtalk.pro文件内容如下:

客户端框架开发

相关推荐
papership35 分钟前
【入门级-C++程序设计:12、文件及基本读写-文件的基本概念&文本文件的基本操作】
开发语言·c++·青少年编程
SaleCoder2 小时前
用Python构建机器学习模型预测股票趋势:从数据到部署的实战指南
开发语言·python·机器学习·python股票预测·lstm股票模型·机器学习股票趋势
玩代码7 小时前
备忘录设计模式
java·开发语言·设计模式·备忘录设计模式
技术猿188702783518 小时前
实现“micro 关键字搜索全覆盖商品”并通过 API 接口提供实时数据(一个方法)
开发语言·网络·python·深度学习·测试工具
放飞自我的Coder8 小时前
【colab 使用uv创建一个新的python版本运行】
开发语言·python·uv
zhangzhangkeji8 小时前
(34)总结记录下 Qt 里的事件类型,这是定义在 QEvent 这个基类里的枚举量 enum QEvent :: Type
qt
艾莉丝努力练剑8 小时前
【数据结构与算法】数据结构初阶:详解顺序表和链表(四)——单链表(下)
c语言·开发语言·数据结构·学习·算法·链表
zyhomepage8 小时前
科技的成就(六十九)
开发语言·网络·人工智能·科技·内容运营
十秒耿直拆包选手8 小时前
Qt:QCustomPlot类介绍
c++·qt·qcustomplot
珊瑚里的鱼9 小时前
第十三讲 | map和set的使用
开发语言·c++·笔记·visualstudio·visual studio