基于Qt的类QQ气泡聊天的界面开发
2014-05-16 14:15
961 查看
最近在写IM 聊天界面,想设计出一个类似QQ气泡聊天的样式
使用了几种办法
1:使用Qt下面的QListview来实现QQ类似效果,差强人意
2:使用QWebview加载html css样式来完成,发现效果不错,但是毕竟webview占用巨大的内存
3:使用QTextBrower加载css,但是好像只支持css2.1版本,css3完全不支持,这样的话,花哨的样式应该是无法实现
基于以上三种思路
最后发现还是QML实现比较好,但是qml基于文本与动画图片混合显示没找到好的办法,有好的办法的希望可以给指点一二
目前写了第一种办法的效果,但是delegate没法实现文本复制等操作,可能会放弃之,但是还是上下效果图
![](https://oscdn.geek-share.com/Uploads/Images/Content/202010/12/73e7f6f52aa54498aa00f641b3dfced2)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202010/12/390f83a372fd7f2e390e89ed92ea0cc1)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202010/12/aacea173bce7e807a9e08cbf33b9f5dd)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202010/12/8bff4ee7534e5ef4aed964c0d8949538)
以上四张效果图,只实现了文字显示,并且文字长度可以随着窗口拉伸而自适应窗口,实现了类似QQ的气泡形式
另外使用QML实现请参看我的另外一篇文章基于QML的QQ群聊界面
转载请说明出处
使用了几种办法
1:使用Qt下面的QListview来实现QQ类似效果,差强人意
2:使用QWebview加载html css样式来完成,发现效果不错,但是毕竟webview占用巨大的内存
3:使用QTextBrower加载css,但是好像只支持css2.1版本,css3完全不支持,这样的话,花哨的样式应该是无法实现
基于以上三种思路
最后发现还是QML实现比较好,但是qml基于文本与动画图片混合显示没找到好的办法,有好的办法的希望可以给指点一二
目前写了第一种办法的效果,但是delegate没法实现文本复制等操作,可能会放弃之,但是还是上下效果图
以上四张效果图,只实现了文字显示,并且文字长度可以随着窗口拉伸而自适应窗口,实现了类似QQ的气泡形式
另外使用QML实现请参看我的另外一篇文章基于QML的QQ群聊界面
转载请说明出处
相关文章推荐
- 基于Qt的类QQ气泡聊天的界面开发
- 基于Qt的类QQ气泡聊天的界面开发(三)
- 基于Qt的类QQ气泡聊天的界面开发(二)
- 基于Qt的类QQ气泡聊天的界面开发
- Qt+html+JavaScript实现类似QQ聊天界面的气泡效果
- 基于Qt的类QQ气泡聊天的界面开发(二)
- 9-基于OMAPL138开发板的Linux QT图像界面开发教程
- 基于JAVA的界面开发:仿QQ
- iPhone开发——通过代码自定义cell实现qq聊天界面
- 仿微信/QQ 开发基于XMPP的iPhone/iOS聊天客户端(一)好友资料
- Android蓝牙聊天程序的扩展开发(基于Google Sample,类QQ设计)
- 【Qt编程】基于Qt的词典开发系列<六>--界面美化设计
- Android蓝牙聊天程序的扩展开发(基于Google Sample,类QQ设计)
- 基于directshow架构的qq聊天系统开发
- Android开发系列(十四) QQ聊天界面——QQ气泡效果与ListView
- Qt与HTML,jQuery交互实现类似QQ聊天界面
- IOS开发学习笔记043-QQ聊天界面实现
- 仿微信/QQ 开发基于XMPP的iPhone/iOS聊天客户端(三)CoreData
- [Phonegap+Sencha Touch] 移动开发58 从移动浏览器(或webview)网页上点击链接跳转到QQ聊天界面
- 【Qt编程】基于Qt的词典开发系列<六>--界面美化设计