QT_C++08-Qt实战-QQ聊天

这是一个使用Qt框架编写的多人聊天室应用程序,涵盖了从项目创建、对话列表搭建到聊天窗口、用户进出处理以及辅助功能设置的全过程。程序通过UDP进行通信,实现了用户之间的实时消息传递、在线状态显示和聊天记录管理等功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

01 Qt案例-项目创建和对话框列表搭建

1.新建项目

在这里插入图片描述

2 创建对话列表DialogList

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.代码实现

在这里插入图片描述
在这里插入图片描述

02. 聊天窗口搭建

组件截图:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

03 聊天窗口搭建

在这里插入图片描述

效果:点击用户进入聊天窗

04 核心功能实现-群聊功能

#include "widget.h"
#include "ui_widget.h"
#include<QMessageBox>
#include<QDateTime>

Widget::Widget(QWidget *parent,QString name)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    //初始化操作
    udpSocket = new QUdpSocket(this);
    //用户名获取
    uName =name;
    //端口号
    this->port=9999;
    //绑定端口号  绑定模式:共享地址,断线重连
    udpSocket->bind(this->port,QUdpSocket::ShareAddress|QUdpSocket::ReuseAddressHint);

    //发送新用户进入
    //sndMsg(UsrEnter);

    //点击发送按钮发送消息
    connect(ui->sendBtn,&QPushButton::clicked,[=](){
        sndMsg(Msg);
    });

    //监听别人发送的数据
    connect(udpSocket,&QUdpSocket::readyRead,this,&Widget::ReceiveMessage);
}

void Widget::ReceiveMessage()
{
    //拿到数据报文
    //获取长度
    qint64 size = udpSocket->pendingDatagramSize();

    QByteArray array = QByteArray(size,0);
    udpSocket->readDatagram(array.data(),size);

    //解析数据
    //第一段 类型  第二段 用户名 第三段 内容
    QDataStream stream(&array,QIODevice::ReadOnly);

    int msgType;//读取到类型
    QString usrName;
    QString msg;

    //获取当前时间
    QString time = QDateTime::currentDateTime().toString("yyyy-MM-dd hh:mm:ss");

    stream>>msgType;
    switch (msgType) {
    case Msg: //普通聊天
        stream>>usrName>>msg;

        //追加聊天记录
        ui->msgBrowser->setTextColor(Qt::blue);
        ui->msgBrowser->append("["+usrName+"]"+time);
        ui->msgBrowser->append(msg);
        break;
    default:
        break;
    }


}//接受UDP消息

void Widget::sndMsg(MsgType type)
{
    //发送的消息分为3种类型
    //发送的数据做分段处理,第一段 类型  第二段 用户名 第三段 具体内容
    QByteArray array;
    QDataStream stream(&array,QIODevice::WriteOnly);

    stream<<type<<getUsr();//第一段内容,添加到流中 第二段
    switch(type){
    case Msg://普通消息发送
        if(ui->msgTxtEdit->toPlainText()=="")
        {
            QMessageBox::warning(this,"警告","发送内容不能为空");
            return;
        }
        //第二段数据,具体说的话
        stream<<getMsg();
        break;
    case UsrEnter:
        break;
    case UsrLeft:
        break;
    default:
        break;
    }
    //书写报文 广播发送
    udpSocket->writeDatagram(array,QHostAddress::Broadcast,port);
}//广播UDP消息

QString Widget::getUsr()
{
    return this->uName;
}

QString Widget::getMsg()
{
    QString str=ui->msgTxtEdit->toHtml();

    //清空输入框
    ui->msgTxtEdit->clear();
    ui->msgTxtEdit->setFocus();//光标焦点回来

    return str;
}//获取聊天消息

void Widget::closeEvent(QCloseEvent *)
{
    emit this->closeWidget();
}

Widget::~Widget()
{
    delete ui;
}

在这里插入图片描述

05 新用户进入处理

#include "widget.h"
#include "ui_widget.h"
#include<QMessageBox>
#include<QDateTime>

Widget::Widget(QWidget *parent,QString name)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    //初始化操作
    udpSocket = new QUdpSocket(this);
    //用户名获取
    uName =name;
    //端口号
    this->port=9999;
    //绑定端口号  绑定模式:共享地址,断线重连
    udpSocket->bind(this->port,QUdpSocket::ShareAddress|QUdpSocket::ReuseAddressHint);

    //发送新用户进入
    sndMsg(UsrEnter);

    //点击发送按钮发送消息
    connect(ui->sendBtn,&QPushButton::clicked,[=](){
        sndMsg(Msg);
    });

    //监听别人发送的数据
    connect(udpSocket,&QUdpSocket::readyRead,this,&Widget::ReceiveMessage);
}

void Widget::ReceiveMessage()
{
    //拿到数据报文
    //获取长度
    qint64 size = udpSocket->pendingDatagramSize();

    QByteArray array = QByteArray(size,0);
    udpSocket->readDatagram(array.data(),size);

    //解析数据
    //第一段 类型  第二段 用户名 第三段 内容
    QDataStream stream(&array,QIODevice::ReadOnly);

    int msgType;//读取到类型
    QString usrName;
    QString msg;

    //获取当前时间
    QString time = QDateTime::currentDateTime().toString("yyyy-MM-dd hh:mm:ss");

    stream>>msgType;
    switch (msgType) {
    case Msg: //普通聊天
        stream>>usrName>>msg;

        //追加聊天记录
        ui->msgBrowser->setTextColor(Qt::blue);
        ui->msgBrowser->append("["+usrName+"]"+time);
        ui->msgBrowser->append(msg);
        break;
    case UsrEnter:
        stream>>usrName;
        usrEnter(usrName);
        break;
    case UsrLeft:
        break;
    default:
        break;
    }


}//接受UDP消息

void Widget::sndMsg(MsgType type)
{
    //发送的消息分为3种类型
    //发送的数据做分段处理,第一段 类型  第二段 用户名 第三段 具体内容
    QByteArray array;
    QDataStream stream(&array,QIODevice::WriteOnly);

    stream<<type<<getUsr();//第一段内容,添加到流中 第二段
    switch(type){
    case Msg://普通消息发送
        if(ui->msgTxtEdit->toPlainText()=="")
        {
            QMessageBox::warning(this,"警告","发送内容不能为空");
            return;
        }
        //第二段数据,具体说的话
        stream<<getMsg();
        break;
    case UsrEnter:
        break;
    case UsrLeft:
        break;
    default:
        break;
    }
    //书写报文 广播发送
    udpSocket->writeDatagram(array,QHostAddress::Broadcast,port);
}//广播UDP消息

void Widget::usrEnter(QString username)
{
    //更新右侧TableWidget
    bool isEmpty = ui->usrTblWidget->findItems(username,Qt::MatchExactly).isEmpty();
    if(isEmpty)
    {
        QTableWidgetItem * usr = new QTableWidgetItem(username);

        //插入行
        ui->usrTblWidget->insertRow(0);
        ui->usrTblWidget->setItem(0,0,usr);

        //追加聊天记录
        ui->msgBrowser->setTextColor(Qt::gray);
        ui->msgBrowser->append(QString("%1 上线了").arg(username));
        //在线人数更新
        ui->usrNumLbl->setText(QString("在线用户: %1人").arg(ui->usrTblWidget->rowCount()));

        //把自身信息广播出去;
        sndMsg(UsrEnter);
    }
}//处理新用户加入

QString Widget::getUsr()
{
    return this->uName;
}

QString Widget::getMsg()
{
    QString str=ui->msgTxtEdit->toHtml();

    //清空输入框
    ui->msgTxtEdit->clear();
    ui->msgTxtEdit->setFocus();//光标焦点回来

    return str;
}//获取聊天消息

void Widget::closeEvent(QCloseEvent *)
{
    emit this->closeWidget();
}

Widget::~Widget()
{
    delete ui;
}

在这里插入图片描述

06 用户离开处理

#include "widget.h"
#include "ui_widget.h"
#include<QMessageBox>
#include<QDateTime>

Widget::Widget(QWidget *parent,QString name)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    //初始化操作
    udpSocket = new QUdpSocket(this);
    //用户名获取
    uName =name;
    //端口号
    this->port=9999;
    //绑定端口号  绑定模式:共享地址,断线重连
    udpSocket->bind(this->port,QUdpSocket::ShareAddress|QUdpSocket::ReuseAddressHint);

    //发送新用户进入
    sndMsg(UsrEnter);

    //点击发送按钮发送消息
    connect(ui->sendBtn,&QPushButton::clicked,[=](){
        sndMsg(Msg);
    });

    //监听别人发送的数据
    connect(udpSocket,&QUdpSocket::readyRead,this,&Widget::ReceiveMessage);

    //点击退出按钮,实现关闭窗口
    connect(ui->exitBtn,&QPushButton::clicked,[=](){
        this->close();
    });
}

void Widget::ReceiveMessage()
{
    //拿到数据报文
    //获取长度
    qint64 size = udpSocket->pendingDatagramSize();

    QByteArray array = QByteArray(size,0);
    udpSocket->readDatagram(array.data(),size);

    //解析数据
    //第一段 类型  第二段 用户名 第三段 内容
    QDataStream stream(&array,QIODevice::ReadOnly);

    int msgType;//读取到类型
    QString usrName;
    QString msg;

    //获取当前时间
    QString time = QDateTime::currentDateTime().toString("yyyy-MM-dd hh:mm:ss");

    stream>>msgType;
    switch (msgType) {
    case Msg: //普通聊天
        stream>>usrName>>msg;

        //追加聊天记录
        ui->msgBrowser->setTextColor(Qt::blue);
        ui->msgBrowser->append("["+usrName+"]"+time);
        ui->msgBrowser->append(msg);
        break;
    case UsrEnter:
        stream>>usrName;
        usrEnter(usrName);
        break;
    case UsrLeft:
        stream>>usrName;
        usrLeft(usrName,time);
        break;
    default:
        break;
    }


}//接受UDP消息

void Widget::sndMsg(MsgType type)
{
    //发送的消息分为3种类型
    //发送的数据做分段处理,第一段 类型  第二段 用户名 第三段 具体内容
    QByteArray array;
    QDataStream stream(&array,QIODevice::WriteOnly);

    stream<<type<<getUsr();//第一段内容,添加到流中 第二段
    switch(type){
    case Msg://普通消息发送
        if(ui->msgTxtEdit->toPlainText()=="")
        {
            QMessageBox::warning(this,"警告","发送内容不能为空");
            return;
        }
        //第二段数据,具体说的话
        stream<<getMsg();
        break;
    case UsrEnter:
        break;
    case UsrLeft:
        break;
    default:
        break;
    }
    //书写报文 广播发送
    udpSocket->writeDatagram(array,QHostAddress::Broadcast,port);
}//广播UDP消息

void Widget::usrEnter(QString username)
{
    //更新右侧TableWidget
    bool isEmpty = ui->usrTblWidget->findItems(username,Qt::MatchExactly).isEmpty();
    if(isEmpty)
    {
        QTableWidgetItem * usr = new QTableWidgetItem(username);

        //插入行
        ui->usrTblWidget->insertRow(0);
        ui->usrTblWidget->setItem(0,0,usr);

        //追加聊天记录
        ui->msgBrowser->setTextColor(Qt::gray);
        ui->msgBrowser->append(QString("%1 上线了").arg(username));
        //在线人数更新
        ui->usrNumLbl->setText(QString("在线用户: %1人").arg(ui->usrTblWidget->rowCount()));

        //把自身信息广播出去;
        sndMsg(UsrEnter);
    }
}//处理新用户加入

void Widget::usrLeft(QString usrname,QString time)
{
    //更新右侧tableWidget
    bool isEmpty = ui->usrTblWidget->findItems(usrname,Qt::MatchExactly).isEmpty();
    if(!isEmpty)
    {
        int row = ui->usrTblWidget->findItems(usrname,Qt::MatchExactly).first()->row();
        ui->usrTblWidget->removeRow(row);

        //追加聊天记录
        ui->msgBrowser->setTextColor(Qt::gray);
        ui->msgBrowser->append(QString("%1 于 %2 离开").arg(usrname).arg(time));
        //在线人数更新
        ui->usrNumLbl->setText(QString("在线用户: %1人").arg(ui->usrTblWidget->rowCount()));
    }

}//处理用户离开

QString Widget::getUsr()
{
    return this->uName;
}

QString Widget::getMsg()
{
    QString str=ui->msgTxtEdit->toHtml();

    //清空输入框
    ui->msgTxtEdit->clear();
    ui->msgTxtEdit->setFocus();//光标焦点回来

    return str;
}//获取聊天消息

void Widget::closeEvent(QCloseEvent * e)
{
    emit this->closeWidget();
    sndMsg(UsrLeft);
    //断开套接字
    udpSocket->close();
    udpSocket->destroyed();

    QWidget::closeEvent(e);
}

Widget::~Widget()
{
    delete ui;
}

在这里插入图片描述

07 辅助功能设置

1.字体

//字体
connect(ui->fontCbx,&QFontComboBox::currentFontChanged,[=](const QFont &font){
        ui->msgTxtEdit->setCurrentFont(font);
        ui->msgTxtEdit->setFocus();
    });

在这里插入图片描述

2.字号

 //字号
void(QComboBox:: *cbxsingal)(const QString &text)=&QComboBox::currentIndexChanged;
connect(ui->sizeCbx,cbxsingal,[=](const QString &text){
        ui->msgTxtEdit->setFontPointSize(text.toDouble());
        ui->msgTxtEdit->setFocus();
    });

在这里插入图片描述

3.加粗

 //加粗
 connect(ui->boldTBtn,&QToolButton::clicked,[=](bool isCheck){
        if(isCheck)
        {
            ui->msgTxtEdit->setFontWeight(QFont::Bold);
        }
        else
        {
            ui->msgTxtEdit->setFontWeight(QFont::Normal);
        }
    });

4. 倾斜

 //倾斜
 connect(ui->italicTBtn,&QToolButton::clicked,[=](bool check){
        ui->msgTxtEdit->setFontItalic(check);
    });

5.下划线

 //下划线
 connect(ui->underlineTbtn,&QToolButton::clicked,[=](bool check){
        ui->msgTxtEdit->setFontUnderline(check);
    });

6.字体颜色

connect(ui->colorTBtn,&QToolButton::clicked,[=](){
        QColor color =QColorDialog::getColor(Qt::red);
        ui->msgTxtEdit->setTextColor(color);
    });

7.清空聊天记录

connect(ui->clearTBtn,&QToolButton::clicked,[=](){
        ui->msgBrowser->clear();
    });

8.保存聊天记录

connect(ui->saveTBtn,&QToolButton::clicked,[=](){
        if(ui->msgBrowser->document()->isEmpty())
        {
            QMessageBox::warning(this,"警告","内容不能为空");
        }
        else
        {
            QString path = QFileDialog::getSaveFileName(this,"保存记录","聊天记录","(*.txt)");
            QFile file(path);
            //打开模式加换行操作
            file.open(QIODevice::WriteOnly|QIODevice::Text);
            QTextStream stream(&file);
            stream<<ui->msgBrowser->toPlainText();
            file.close();
        }
    });

08 项目源码

详见

### 关于Qt开发QQ聊天功能的实战项目或教程 #### 背景介绍 Qt 是一个跨平台的应用程序框架,广泛用于图形用户界面 (GUI) 的开发。对于像 QQ 这样的即时通讯软件的功能实现,可以利用 Qt 提供的强大网络模块 `QtNetwork` 和 GUI 模块来完成消息传递、文件传输等功能[^1]。 #### 功能分解与技术选型 在开发类似于 QQ 聊天功能的项目时,通常会涉及以下几个核心功能: 1. **用户登录与注册** 使用数据库存储用户信息,并通过加密算法保护密码安全。可以通过 SQLite 或 MySQL 来管理用户数据[^3]。 2. **实时消息传递** 利用 `QTcpSocket` 类处理客户端之间的通信。服务器端可以监听多个连接请求,并转发消息给指定的目标用户[^1]。 3. **好友列表显示** 借助 QML 或者 QWidget 构建直观的好友列表视图。如果追求更现代的设计风格,则建议采用 QML 高级教程中的布局技巧[^2]。 4. **表情包发送** 图片资源加载可通过 QLabel 控制展示静态图片;动态 GIF 表情则需额外设置电影对象 QMovie 显示动画效果[^1]。 5. **语音通话支持** 对于此复杂特性可能需要用到第三方音视频库如 FFmpeg 结合 QtMultimedia 完成音频采集播放过程[^3]。 6. **离线消息保存** 当接收方不在线时,应将未读消息存入本地缓存或者远程数据库中待其上线后再推送通知[^1]。 7. **群组聊天扩展** 创建虚拟房间概念允许多位参与者加入讨论区共享同一频道内的发言记录。 8. **富文本编辑器集成** 支持 HTML/CSS 渲染引擎使得文字样式更加多样化满足个性化需求[^3]。 9. **文件互传机制** 实现大容量文档分段上传下载进度监控条目更新状态反馈等细节优化用户体验。 以下是简单的代码片段演示如何初始化 TCP Server 及 Client: ```cpp // 初始化TCP server #include <QTcpServer> class ChatServer : public QTcpServer { protected: void incomingConnection(qintptr socketDescriptor) override{ qDebug() << "New client connected:" << socketDescriptor; TcpClientHandler *handler = new TcpClientHandler(socketDescriptor, this); connect(handler,SIGNAL(disconnected()), handler,SLOT(deleteLater())); } }; // 启动server监听端口 ChatServer server; if (!server.listen(QHostAddress::Any, 1234)) { qWarning() << "Unable to start the server:" << server.errorString(); } else { qDebug() << "The chat server is running..."; } ``` 以上仅作为基础架构示意,实际应用还需考虑安全性加固措施比如SSL/TLS 加密通道建立防止敏感资料泄露等问题。 #### 推荐学习路径 - 学习官方文档掌握基本 API 使用方法。 - 观看相关教学视频加深理解具体场景解决方案。 - 尝试模仿现有开源项目积累实践经验[^3]。 - 不断调试改进直至达到预期目标性能指标为止[^2]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值