QT实现显示聊天信息的控件

最新推荐文章于 2024-08-05 12:08:40 发布

东海sea

最新推荐文章于 2024-08-05 12:08:40 发布

阅读量1.1k

点赞数 2

分类专栏： QT 文章标签： qt java android python html

本文链接：https://blog.csdn.net/seamancsdn/article/details/113250529

版权

本文介绍了如何使用QT来创建一个显示聊天信息的界面，通过自定义控件ChatItem，包含头像和消息的QLabel，并根据聊天角色动态调整布局。代码示例展示了如何在QListWidget中添加这些控件，以及禁用鼠标悬停效果的方法。

摘要由CSDN通过智能技术生成

QT实现显示聊天信息的控件

准备写一个局域网的聊天小软件。UI部分首先考虑的就是显示聊天信息的界面。下面是测试界面。

在这里插入图片描述

思路就是自定义聊天项的控件添加到QListWidget中，控件中包含两个QLabel分别显示头像和消息信息。根据不同的聊天角色调整两个QLabel的位置。下面是代码。
ChatItem是控件的名字，头文件如下

#define CHATITEM_H

#include <QWidget>
#include <QLabel>


class ChatItem : public QWidget
{
   
    Q_OBJECT
    
public:
    enum ChatRole
    {
   
        host,
        guest
    };
    ChatItem(QString msg, int headId, ChatRole role, QWidget *parent = 0);
    ~ChatItem();
    
private:
    void hostSet();
    void guestSet();
private:
    QLabel* labelMsg;
    QLabel* labelHead;
    
};

#endif // CHATITEM_H

源文件如下

#include "chatitem.h"

#define WIDTH 600
#define HEAD_WIDTH  50
#define HEAD_HEIGHT 50

ChatItem::ChatItem(QString msg, int headId, ChatItem::ChatRole role, QWidget *parent):
    QWidget(parent