找回密码
 立即注册

QQ登录

只需一步,快速开始

renho 活字格认证

银牌会员

81

主题

1271

帖子

3398

积分

银牌会员

积分
3398

活字格高级认证

QQ
renho 活字格认证
银牌会员   /  发表于:2022-11-5 22:07  /   查看:5800  /  回复:12
本帖最后由 renho 于 2022-11-13 16:58 编辑


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

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

我是怎么做到的呢,还是先上图,高手一下就看懂了
image.png251517943.png
其实左右都是一样的,唯一的区别就是头像框和背景底色的区别
默认右侧是隐藏的,仅当该条记录的聊天内容创建用户=当前用户的时候
会隐藏左边,显示右边

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

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






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

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

评分

参与人数 3金币 +66 满意度 +10 收起 理由
Chelsey.Wang + 66 赞一个!
吴小胖 + 5
137294886 + 5

查看全部评分

12 个回复

倒序浏览
137294886
金牌服务用户   /  发表于:2022-11-5 23:35:21
沙发
水平高,学习了
回复 使用道具 举报
renho活字格认证
银牌会员   /  发表于:2022-11-6 09:39:34
板凳

相互学习
回复 使用道具 举报
放下活字格认证
高级会员   /  发表于:2022-11-6 21:15:53
地板
能否支持语音,把demo也放出来 吧,
回复 使用道具 举报
renho活字格认证
银牌会员   /  发表于:2022-11-6 22:55:21
5#
放下 发表于 2022-11-6 21:15
能否支持语音,把demo也放出来 吧,

无此计划,语音不容易实现。
回复 使用道具 举报
跷跷板
中级会员   /  发表于:2022-11-7 10:17:18
6#
这个在7.0中是否可以实现?还是只能在8.0中才可以 ?
回复 使用道具 举报
renho活字格认证
银牌会员   /  发表于:2022-11-7 10:24:43
7#
除websocket外7大部分都有
回复 使用道具 举报
小卒
注册会员   /  发表于:2022-11-12 12:44:36
8#
大佬,能够粘贴图片吗?
回复 使用道具 举报
mfkpie8
论坛元老   /  发表于:2022-11-12 14:13:15
9#
renho 发表于 2022-11-7 10:24
除websocket外7大部分都有

我想能支持 消息的审核通知 与流程审批   消息预警提醒
回复 使用道具 举报
lijiakeji
初级会员   /  发表于:2022-11-27 20:47:06
10#
学习了,谢谢分享
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部