基于Qt的类QQ气泡聊天的界面开发
2016-01-25 13:55
573 查看
近期在写IM 聊天界面,想设计出一个类似QQ气泡聊天的样式
使用了几种办法
1:使用Qt以下的QListview来实现QQ类似效果。差强人意
2:使用QWebview载入html css样式来完毕。发现效果不错,可是毕竟webview占用巨大的内存
3:使用QTextBrower载入css,可是好像仅仅支持css2.1版本号,css3全然不支持,这种话,花哨的样式应该是无法实现
基于以上三种思路
最后发现还是QML实现比較好,可是qml基于文本与动绘图片混合显示没找到好的办法。有好的办法的希望能够给指点一二
眼下写了第一种办法的效果。可是delegate没法实现文本复制等操作,可能会放弃之,可是还是上下效果图
![](http://img.blog.csdn.net/20140516141121906?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvRXNvbnBv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](http://img.blog.csdn.net/20140516141134500?<br/><br/>watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvRXNvbnBv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](http://img.blog.csdn.net/20140516141142843?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvRXNvbnBv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](http://img.blog.csdn.net/20140516141149734?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvRXNvbnBv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
以上四张效果图,仅仅实现了文字显示,而且文字长度能够随着窗体拉伸而自适应窗体。实现了类似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之添加资源文件
- Qt 插件综合编程-基于插件的OpenStreetMap瓦片查看器客户端(4) 插件绘图
- Qt 智能指针实例
- qt发布 2
- Qt/Qte/Qtopia三者的区别
- Qt绘图3--Graphic View Framework
- Qt绘图2
- Qt绘图
- Qt如何读取ico文件中的image(使用QImageReader和QIcon)
- QT事件循环与线程
- Qt 线程与事件循环
- QTreeWidget中乱入其他控件
- QT结合opencv框架搭建
- Qt 插件综合编程-基于插件的OpenStreetMap瓦片查看器客户端(3) 插件管理机制
- QtCharts笔记之QLineSeries
- Qt 新型控件开发(总)
- Qt动画与Qt坐标小记
- 安装QT
- ARM板安装Qt
- Opencv+Qt 颜色识别简单例子