CSkin博客

标题: 【QQ聊天气泡框】winform实现QQ聊天气泡200行代码 [打印本页]

作者: 乔克斯 时间: 2017-1-24 11:13
标题: 【QQ聊天气泡框】winform实现QQ聊天气泡200行代码
说明：
c# winform实现QQ聊天气泡界面，原理非常简单，通过webKitBrowser(第三方浏览器控件，因为自带的兼容性差)加载html代码实现，聊天界面是一个纯HTML的代码，与QQ的聊天界面可以比拟，很不错，因为是html所以扩展性非常大，点击发送按钮可以将文本框的文字加入聊天里，项目开发过程遇到几个难点都解决了，如：

怎么在聊天新消息插入后将滚动条滚动到最底部，这里我网上搜索了webKitBrowser的滚动条用法找不到，所以这里我用了锚点链接通过每次加载html用js跳到锚点实现滚动条始终在最底部；
html的兼容性问题，原来开始我是用内置的webbrowser来开发，由于他的内核是ie很多html特效无法得到释放，所以使用了第三方控件webKitBrowser，这控件缺点是需要用到一大堆dll，在bin目录下。
美化滚动条（网上的代码）

效果截图：

案例源码下载：

QQ气泡聊天框.rar (155 Bytes, 下载次数: 381, 售价: 1 金钱)

作者: lakerko 时间: 2017-1-30 20:56
本地的图片怎么显示？？f:\Malaga.png

作者: 乔克斯 时间: 2017-2-7 09:41

lakerko 发表于 2017-1-30 20:56
本地的图片怎么显示？？

给image标签设置物理路径试试

作者: hongmenrou 时间: 2017-2-7 21:26
好厉害，原来微信QQ是这样搞出来的

作者: yi77b 时间: 2017-2-8 18:12
好棒的气泡,就是少了个小尾巴,mark~ 用到了再回来看

作者: thinhils 时间: 2017-2-20 08:13
厲害了我的哥

作者: Use 时间: 2017-3-6 20:40
感谢分享

作者: a23187c 时间: 2017-3-10 21:13
学习一下。

作者: qq23001186 时间: 2017-3-20 10:31
谢谢楼主分享

作者: YunRui 时间: 2017-4-11 16:25
勉强可以接受这个界面

作者: nbwvpn 时间: 2017-4-22 22:43
先学习一下

作者: drumking 时间: 2017-9-23 15:50
謝謝大大無私分享

作者: 1844653966 时间: 2017-10-30 15:02

乔克斯发表于 2017-2-7 09:41
给image标签设置物理路径试试

本地图片怎么显示。想做个及时通讯的，加载头缓存到本地然后在加载出来，发现加载不出来可懵逼了!图片代码已经上传

作者: xiaobin123 时间: 2017-11-14 17:45
研究下哦

作者: qingyuan 时间: 2018-6-14 16:08
666666666666666666

作者: zxd36383 时间: 2018-9-5 23:27
看看有用没

作者: zxd36383 时间: 2018-9-5 23:28
转点金币真坑啊

作者: xiaosen888m 时间: 2018-9-26 09:57
不错~~~~~~~~~~~~~

作者: logK 时间: 2020-12-9 14:10
谢谢分享

作者: iceqin2634 时间: 2021-3-29 12:49
可以显示视频吗

作者: 大力金刚掌 时间: 2022-10-19 09:32
这个和PHP有关系吗？

欢迎光临 CSkin博客 (http://bbs.cskin.net/)