基于Qt的类QQ气泡聊天的界面开发

本文详细介绍了实现QQ气泡聊天界面的多种方法,包括使用Qt的QListview、QWebview加载htmlcss样式以及QTextBrower加载css,并对比了各自的优缺点。最终推荐使用QML技术进行实现,因为其在文本与动画图片混合显示方面表现更佳。文章附带了基于QML实现的示例效果。
摘要由CSDN通过智能技术生成

转自:http://blog.csdn.net/esonpo/article/details/25974175

  最近在写IM 聊天界面,想设计出一个类似QQ气泡聊天的样式

使用了几种办法

1:使用Qt下面的QListview来实现QQ类似效果,差强人意

2:使用QWebview加载html css样式来完成,发现效果不错,但是毕竟webview占用巨大的内存

3:使用QTextBrower加载css,但是好像只支持css2.1版本,css3完全不支持,这样的话,花哨的样式应该是无法实现

基于以上三种思路

    最后发现还是QML实现比较好,但是qml基于文本与动画图片混合显示没找到好的办法,有好的办法的希望可以给指点一二

目前写了第一种办法的效果,但是delegate没法实现文本复制等操作,可能会放弃之,但是还是上下效果图


以上四张效果图,只实现了文字显示,并且文字长度可以随着窗口拉伸而自适应窗口,实现了类似QQ的气泡形式

  另外使用QML实现请参看我的另外一篇文章基于QML的QQ群聊界面


评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值