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

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

使用了几种办法

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

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

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

基于以上三种思路

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

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

基于Qt的类QQ气泡聊天的界面开发_第1张图片基于Qt的类QQ气泡聊天的界面开发_第2张图片基于Qt的类QQ气泡聊天的界面开发_第3张图片基于Qt的类QQ气泡聊天的界面开发_第4张图片

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

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

转载请说明出处


你可能感兴趣的:(QT,JS,QML)