分享篇三十：如何用活字格打造即时聊天系统 四、实现聊天框

哥们我这个教程，无套路，纯干货，大家有什么疑问欢迎提问


这次分享下聊天界面的实现
其实主要就是先3个点
1.自己的在右，其他人的在左边
2.自己的浅蓝色背景色，其他人的白色背景色
3.聊天文字长度自适应


我是怎么做到的呢，还是先上图，高手一下就看懂了

其实左右都是一样的，唯一的区别就是头像框和背景底色的区别
默认右侧是隐藏的，仅当该条记录的聊天内容创建用户=当前用户的时候
会隐藏左边，显示右边

在页面中有这么一个命令
判断是否是当前用户


至于自适应，请注意下图的 自适应和 范围模式 列宽/高
配合使用即可实现预期自适应效果







工程文件在官方商城已经上架，欢迎选购

即时聊天框架 - 葡萄城市场 (grapecity.com.cn)

水平高，学习了

137294886 发表于 2022-11-5 23:35
水平高，学习了

相互学习

能否支持语音，把demo也放出来 吧，

放下 发表于 2022-11-6 21:15
能否支持语音，把demo也放出来 吧，

无此计划，语音不容易实现。

这个在7.0中是否可以实现？还是只能在8.0中才可以 ？

除websocket外7大部分都有

大佬，能够粘贴图片吗？

renho 发表于 2022-11-7 10:24
除websocket外7大部分都有

我想能支持 消息的审核通知 与流程审批   消息预警提醒

学习了，谢谢分享