这篇博客介绍了如何在Unity3D中制作类似微信聊天界面的UI，包括用户图像显示、字体自适应、消息气泡、发送与接收消息的布局以及Scroll View自动滚动功能。通过Horizontal/Vertical Layout Group、Content Size Fitter和Layout Element组件的组合使用，实现了聊天界面的核心功能。
今天记录一个unity中制作聊天界面的笔记。这次没有通信部分，想知道怎么发图片视频的，有基础的可以参考之前socket笔记。
界面效果：
制作思路模仿微信聊天界面。
显示用户图像以及替换。
单行，多行字体自适应排版。
文字，emoji，图像消息背景气泡ui跟随自适应(图上文字背景是气泡图，可以更换任何图形)。
发送消息右边显示，接收消息左边显示，可以左右更换显示方式。
发送消息或者接收到消息，scroll view自动滚动到底部。
发送消息时间，当天是星期显示，每天消息显示时间是1分钟，1分钟内多条消息不显示。
每天消息ID记录。
无限上下循环滚动UI，加载消息数。
根据这8条对接数据结构，基本能满足一般聊天体验功能。微信界面远远比这复杂，差不多这样先。
unity制作：需要了解的UI组件Scroll View，Horizontal(Vertical) Layout Group,Content Size Fitter,
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
