QT用QWidget做的气泡聊天功能，可发图片、文件、文本等气泡信息，功能简单，适合初学者

最新推荐文章于 2024-05-30 12:03:03 发布
最新推荐文章于 2024-05-30 12:03:03 发布
阅读量4.5k 收藏 27
点赞数 5
分类专栏： QT C++
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014385680/article/details/105585630
版权
参考网上其他大能的demo，自己写了个比较简单的气泡聊天demo，可以发图片、文件、文字信息，在气泡信息上有右键菜单复制文本功能，图片可以双击打开，文件可以右键菜单打开文件和打开目录；气泡信息之前有显示日期功能，日期显示功能在不活动3钟后会再次插入显示；效如下：暂不支持GIF动画展示，所以demo还没上传...
摘要由CSDN通过智能技术生成

参考网上其他大能的demo，自己写了个比较简单的气泡聊天demo，

可以发图片、文件、文字信息，在气泡信息上有右键菜单复制文本功能，图片可以双击打开，文件可以右键菜单打开文件和打开目录；气泡信息之前有显示日期功能，日期显示功能在不活动3钟后会再次插入显示； 

QT5.14.2

PS：右键菜单位置计算有问题

效果如下（没有UI美化，demo主要是实现功能而已）：

 

 

 

PS: 暂不支持GIF动画展示 ，如果有哪位大佬优化添加了支持GIF功能&

最低0.47元/天 解锁文章
蓝之羽520
关注
  • 5
    点赞
  • 踩
  • 27
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
C++ Qt 实现微信聊天界面、气泡消息、gif斗图、表情包
琅嬛福地
01-04 5354
在使用Qt开发项目时，如果有气泡消息的需求，那将是很麻烦的事情，相比其它控件的自定义，气泡消息比较复杂，例如下图： 当消息的数量超过聊天窗口时需要处理上下滑动，还有动态图片gif的显示等，消息的气泡是异形窗口，用Qt实现问题不大，但是整个聊天还会涉及到其它内容，例如链接的解析，显然用qt来做将是很复杂的。 聊天界面设计 下面介绍如何使用Qt QWebEngineView和html js实现类似微信的聊天信息窗口，demo 界面如下： 如果你是手写布局，可以直接使用QWebEngineView，我是在Qt
Qt实现的聊天画面消息气泡
老杜的博客
12-12 879
采用基于QWidget+Mingw实现的原生的消息气泡通过覆写QWidget::paintEvent(QPaintEvent *event)方法，每当窗口尺寸变化时都会触发paintEvent事件，在覆写QWidget::paintEvent(QPaintEvent *event)方法中重新绘制聊天气泡在QListWidget添加QListWidgetItem项目实现聊天气泡，可以实现气泡跟随窗口尺寸变化而动态的使气泡的宽高。
QT C++ 基于word模板 在书签位置写入文字和图片
最新发布
weixin_39926429的博客
05-30 646
如果你有按模版批量自动化操作word文件的需求，那么本文能给你一定的帮助。 它能满足你程序自动化生产报表的需求。
QWidget 绘制的聊天气泡效果
12-12
基于Qt5设计的QWidget聊天气泡样式，列表刷新，每次只会刷新当前几个ITEM，内存可禁得起考验的。 详细介绍参考： http://www.qtcn.org/bbs/read-htm-tid-62316.html
QT实现蓝色提示气泡绘制、显隐时机、移动、方向切换等功能
不午休の野猫
09-26 2312
蓝色提示气泡上附有提示信息和一个可以点击的按钮，目的是为了引导或提示用户如何操作。文章实现了气泡的绘制，方向切换，显示时机，跟随父窗体移动等功能
QT在TableWidget中显示气泡Tip消息
wb175208的专栏
02-21 6215
最近在做的一个项目中，使用到QTabaleWidget控件，其中的每一个Item中显示的文字内容比较多，如果设置Item过大的话，文字虽然可以显示出来，但是整个页面就会显示的Item比较少。所以为了多显示Item，每个Item的大小设置还是要适中一些，带来的问题就是每个Item中显示的内容不全。但是还必须要让用户了解每一个Item中的内容，所有就想到了使用“气泡”来显示其中的内容。具体的显示效果如...
Qt文本框（QTextEdit）输入拖动输入图片和读取图片
fhakfs的博客
03-24 1149
Qt文本框（QTextEdit）输入拖动输入图片和读取图片
QPainter实现Qt5气泡式聊天框
03-12
在本案例中，我们利用`QPainter`在Qt5环境中实现了一个气泡式的聊天框，这种聊天框通常用于模拟现实生活中对话时的气泡效果，使用户界面更加直观、友好。下面将详细介绍如何使用`QPainter`来实现这一功能。 首先，...
Qt 绘制的聊天气泡效果
03-23
首先，实现聊天气泡的核心在于Qt的QPainter类，它提供了丰富的绘图功能，如画线、填充形状、绘制文本等。在Qt中，我们可以自定义一个QGraphicsItem或者QWidget子类，覆盖其`paint()`方法来实现自定义的绘图逻辑。 1...
QWidget 显示图片，支持缩放、拖动、右键菜单等功能
03-31
本示例中，我们关注的是一个扩展了`QWidget` 的类，它增加了显示图片、支持缩放、拖动以及右键菜单的功能。这个自定义的组件名为 `MyImageWidget`。 首先，`MyImageWidget` 类会继承自`QWidget`，以便我们可以利用`...
Demo_MessageChat_Qt:Qt5气泡式聊天框——QListWidget+QPainter。 气泡式聊天的显示是由QListWidget作为控件，每个气泡是由QListWidgetItem提升成QWidget来实现的。每个气泡可以理解为可以自由布置里面内容的QWidget。每个Item保存聊天的对话、发送状态、时间、种类等。这个QWidget主要是显示一个头像+气泡，气泡里面是聊天的内容等。气泡是在paintEvent事件中，采用QPainter来绘制的
05-12
这个QWidget主要是显示一个头像+气泡，气泡里面是聊天的内容等。气泡是在paintEvent事件中，采用QPainter来绘制的。 2、更新信息 开发者：沙振宇（沙师弟专栏） 创建时间：2018-07-23 最后一次更新时间：2019-12-27 ...
基于qt开发的一款聊天气泡框
09-18
一直想开发一款聊天应用，但是苦于聊天气泡框的实现，拖了好几年，最近心血来潮，觉得再次研究一番，又是从qt+webivew实现，到网上案例走了一遍，感觉都不理想，于是想着自己重头实现以一下，花了两天，终于做出来了，效果还不错，代码也很简洁，居然只四百行，一个类文件搞定，不可思议，看来自己做的才是最合适的，其他人搞的都太复杂，参考https://blog.csdn.net/fanhenghui/article/details/108670603，需要源码找我私聊
仿微信 QQ聊天界面 气泡效果
08-21
仿微信界面的那种聊天，对方的显示在一边，自己的显示另一边
【气泡案例】QQ聊天气泡框_QQ气泡聊天框_beautiful_
10-01
Good looking C# source code
JS实现的类似微信聊天效果示例
10-17
主要介绍了JS实现的类似微信聊天效果,可实现模拟微信聊天效果的对话框信息传输,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
聊天气泡框模块源码 (高仿微信、QQ聊天的气泡聊天框)
09-21
高仿微信、QQ聊天的气泡聊天框。基于列表框(ListBox)控件，自己计算每个项目位置，自绘项目内容。易语言模块+模块源码+调用例程。 详细介绍：http://blog.csdn.net/cometnet/article/details/52606820
QListWidget制作聊天列表
刺猬先生
12-15 2121
参考此博客自己做了一个聊天的列表:http://blog.csdn.net/mingzznet/article/details/9813205 　　用QListWidget实现类似于QQ和微信的聊天列表，只要是通过将QListWidgetItem作为每一个分组的项和成员项。 　　通过QListWdiget中setRowHidden方法来设置一个分组成员的收放。效果图如下：
Python编程实例-PyQt5 GUI编程-Widgets-QListWidget
视觉与物联智能
05-15 1311
QListWidget 类是一个基于项目的接口，用于从列表中添加或删除项目。 列表中的每个项目都是一个 QListWidgetItem 对象。 QListWidget 可以设置为多选。
Qt实现简易聊天室
Great_Scientist的博客
08-13 4121
Qt实现一个简易的qq聊天软件的制作。软件的功能暂时只实现群聊
qt 实现qwidget填充图片
05-30
要在Qt中使用QWidget填充图片，可以按照以下步骤： 1. 在Qt Creator中创建一个新的Qt Widgets应用程序项目。 2. 向项目添加一个QWidget控件。 3. 在QWidget控件的paintEvent()函数中，使用QPainter类将图像绘制到控件上。 4. 在应用程序的代码中，可以使用QPixmap类来加载和设置图像。 下面是一个简单的示例代码，演示如何在Qt中使用QWidget填充图片： ```c++ #include <QtWidgets/QApplication> #include <QtWidgets/QWidget> #include <QtGui/QPixmap> #include <QtGui/QPainter> class ImageWidget : public QWidget { public: ImageWidget(QWidget *parent = nullptr) : QWidget(parent) { // 加载图像文件 m_pixmap = QPixmap("image.jpg"); } protected: void paintEvent(QPaintEvent *event) override { QWidget::paintEvent(event); // 创建一个QPainter对象 QPainter painter(this); // 将图像绘制到QWidget控件上 painter.drawPixmap(0, 0, width(), height(), m_pixmap); } private: QPixmap m_pixmap; }; int main(int argc, char *argv[]) { QApplication a(argc, argv); // 创建一个ImageWidget控件 ImageWidget widget; // 显示ImageWidget控件 widget.show(); return a.exec(); } ``` 这将在窗口中显示一个填充了图像的QWidget控件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值