总结
豆包 AI 助手文章总结

如何用PyQt5创建具有气泡效果的仿微信聊天界面?

DDD
发布: 2025-02-23 10:02:21
原创
1063人浏览过

如何用pyqt5创建具有气泡效果的仿微信聊天界面?

打造PyQt5微信风格聊天界面:气泡消息显示

本文介绍如何使用PyQt5构建一个类似微信的聊天界面,并实现气泡样式的消息显示效果。

核心思路是利用QListWidget作为聊天窗口,将每个聊天消息项目提升为QWidget,从而实现自定义气泡形状和样式。

代码示例:

import sys
import random
from PyQt5 import QtCore, QtGui, QtWidgets

class ChatItem(QtWidgets.QWidget):
    User_Me = 0
    User_Other = 1
    User_System = 2

    def __init__(self, text, time, user_type, parent=None):
        super(ChatItem, self).__init__(parent)
        self.text = text
        self.time = time
        self.user_type = user_type
        self.setupUI()

    def setupUI(self):
        self.setFixedSize(self.calculateSize())

        mainLayout = QtWidgets.QVBoxLayout()
        mainLayout.setContentsMargins(0, 0, 0, 0)
        self.setLayout(mainLayout)

        self.textLabel = QtWidgets.QLabel(self.text)
        self.textLabel.setWordWrap(True)
        self.textLabel.setStyleSheet(self.getStyle()) # 应用样式
        mainLayout.addWidget(self.textLabel)

        self.timeLabel = QtWidgets.QLabel(self.time)
        self.timeLabel.setAlignment(QtCore.Qt.AlignRight)
        mainLayout.addWidget(self.timeLabel)


    def calculateSize(self):
        fm = QtGui.QFontMetrics(self.textLabel.font())
        textWidth = fm.boundingRect(self.text).width() + 10
        textHeight = fm.boundingRect(self.text).height() + 10
        width = max(textWidth, 40)  # 最小宽度40
        height = max(textHeight, 20) # 最小高度20
        return QtCore.QSize(width, height)

    def getStyle(self):
        if self.user_type == ChatItem.User_Me:
            return "background-color: rgb(173, 216, 230); border-radius: 10px; padding: 5px;"
        elif self.user_type == ChatItem.User_Other:
            return "background-color: rgb(220, 248, 198); border-radius: 10px; padding: 5px;"
        else:  # System
            return "background-color: rgb(240, 240, 240); border-radius: 10px; padding: 5px; color: gray;"


class ChatWindow(QtWidgets.QMainWindow):
    def __init__(self, parent=None):
        super(ChatWindow, self).__init__(parent)
        self.chatWidget = QtWidgets.QListWidget()
        self.chatWidget.setSpacing(0)
        self.setCentralWidget(self.chatWidget)

    def addItem(self, text, time, user_type):
        item = QtWidgets.QListWidgetItem()
        chatItem = ChatItem(text, time, user_type)
        self.chatWidget.addItem(item)
        item.setSizeHint(chatItem.sizeHint())
        self.chatWidget.setItemWidget(item, chatItem)


if __name__ == "__main__":
    app = QtWidgets.QApplication(sys.argv)
    window = ChatWindow()
    window.show()

    userTypes = [ChatItem.User_Me, ChatItem.User_Other, ChatItem.User_System]

    for i in range(15):
        userType = random.choice(userTypes)
        time = QtCore.QDateTime.currentDateTime().toString("hh:mm")
        text = "Message from " + ["Me", "Other", "System"][userType]
        window.addItem(text, time, userType)

    sys.exit(app.exec_())
登录后复制

气泡样式:

代码中通过getStyle()方法根据用户类型设置不同的样式:

  • 自己发送的消息(User_Me):蓝色气泡背景。
  • 对方发送的消息(User_Other):绿色气泡背景。
  • 系统消息(User_System):灰色气泡背景,文字颜色为灰色。

这个例子提供了一个基础的框架,您可以根据需要进一步完善,例如添加头像、表情、文件传输等功能,以及更精细的气泡样式定制。 记得安装PyQt5: pip install PyQt5

以上就是如何用PyQt5创建具有气泡效果的仿微信聊天界面?的详细内容,更多请关注php中文网其它相关文章!

微信app下载
微信app下载

微信是一款手机通信软件,支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊,还能根据地理位置找到附近的人,带给大家全新的移动沟通体验,有需要的小伙伴快来保存下载体验吧!

下载
相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
豆包 AI 助手文章总结
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号