作者: 乔克斯
查看: 18428|回复: 21

主题标签Tag

打印 上一主题 下一主题

[源码] 【QQ聊天气泡框】winform实现QQ聊天气泡200行代码

[复制链接]
跳转到指定楼层
楼主
乔克斯 发表于 2017-1-24 11:13:20 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
查看: 18428|回复: 21
说明:
c# winform实现QQ聊天气泡界面,原理非常简单,通过webKitBrowser(第三方浏览器控件,因为自带的兼容性差)加载html代码实现,聊天界面是一个纯HTML的代码,与QQ的聊天界面可以比拟,很不错,因为是html所以扩展性非常大,点击发送按钮可以将文本框的文字加入聊天里,项目开发过程遇到几个难点都解决了,如:
  • 怎么在聊天新消息插入后将滚动条滚动到最底部,这里我网上搜索了webKitBrowser的滚动条用法找不到,所以这里我用了锚点链接通过每次加载html用js跳到锚点实现滚动条始终在最底部;
  • html的兼容性问题,原来开始我是用内置的webbrowser来开发,由于他的内核是ie很多html特效无法得到释放,所以使用了第三方控件webKitBrowser,这控件缺点是需要用到一大堆dll,在bin目录下。
  • 美化滚动条(网上的代码)

效果截图:


案例源码下载:

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏3 转播转播
回复 论坛版权

使用道具 举报

沙发
lakerko 发表于 2017-1-30 20:56:25 | 只看该作者
本地的图片怎么显示??f:\Malaga.png
板凳
 楼主| 乔克斯 发表于 2017-2-7 09:41:16 | 只看该作者
lakerko 发表于 2017-1-30 20:56
本地的图片怎么显示??

给image标签设置物理路径试试
地板
hongmenrou 发表于 2017-2-7 21:26:51 | 只看该作者
好厉害,原来微信QQ是这样搞出来的
5#
yi77b 发表于 2017-2-8 18:12:25 | 只看该作者
好棒的气泡,就是少了个小尾巴,mark~ 用到了再回来看
6#
thinhils 发表于 2017-2-20 08:13:52 | 只看该作者
厲害了我的哥
7#
Use 发表于 2017-3-6 20:40:06 | 只看该作者
感谢分享
回复

使用道具 举报

8#
a23187c 发表于 2017-3-10 21:13:09 | 只看该作者
学习一下。
回复

使用道具 举报

9#
qq23001186 发表于 2017-3-20 10:31:29 | 只看该作者
谢谢楼主分享
10#
YunRui 发表于 2017-4-11 16:25:20 | 只看该作者
勉强可以接受这个界面
您需要登录后才可以回帖 登录 | 加入CSkin博客

本版积分规则

QQ|申请友链|小黑屋|手机版|Archiver|CSkin ( 粤ICP备13070794号

Powered by Discuz! X3.2  © 2001-2013 Comsenz Inc.  Designed by ARTERY.cn
GMT+8, 2024-11-22 05:58, Processed in 0.625074 second(s), 35 queries , Gzip On.

快速回复 返回顶部 返回列表