renho 发表于 2022-11-5 22:07:02

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

本帖最后由 renho 于 2022-11-13 16:58 编辑


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


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


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

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

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


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




static/image/hrline/5.gif


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

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

137294886 发表于 2022-11-5 23:35:21

水平高,学习了:hjyzw:

renho 发表于 2022-11-6 09:39:34

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

相互学习:i0tw2:

放下 发表于 2022-11-6 21:15:53

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

renho 发表于 2022-11-6 22:55:21

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

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

跷跷板 发表于 2022-11-7 10:17:18

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

renho 发表于 2022-11-7 10:24:43

除websocket外7大部分都有

小卒 发表于 2022-11-12 12:44:36

大佬,能够粘贴图片吗?

mfkpie8 发表于 2022-11-12 14:13:15

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

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

lijiakeji 发表于 2022-11-27 20:47:06

学习了,谢谢分享:lol
页: [1] 2
查看完整版本: 分享篇三十:如何用活字格打造即时聊天系统 四、实现聊天框