聊天功能,实现:每增加一条消息整体往上移动,滚动查看聊天记录
来源:互联网 发布:汽车解剖软件 编辑:程序博客网 时间:2024/05/22 01:44
如今直播APP火的简直不像样子了。在直播间里会有观众和主播交流的功能。主要方式是主播动口(说),观众动手(打字)。这篇文章讲解一下观众客户端聊天功能的实现。这里为了更清楚的看到效果功能,我做了一个客户端单机版来讲解。(该版本为unity5.3.2f1)
需求功能是:观众新发送了聊天消息会把之前的消息顶到上面,用户也可以通过滚动聊天栏翻看之前的用户聊天记录。
先看下面gif图功能:
下面讲如何实现:
第一:整个功能我分了三个组件,一个蓝色背景image,一个用来滑动的image(上图图中的黄色光芒图片),一个text的预设物体。(如下图:)
为了方便将这三个物体的pivot都设置为(0,0)。
如下图(根据需求可自定义大小坐标等):
第二:给蓝色背景图片添加滑动组件和Mask组件,指定滑动目标为光芒的那个图片。
添加脚本slidertext,然后把text的预设和预设生成的父物体(光芒的那个图片)拖到对应位置。
如下图:
第三:脚本slidertext的源码:(这才是重点)
该代码和之前我写的弹幕生产的方法相似(弹幕方法链接http://www.manew.com/thread-95590-1-1.html)
需求功能是:观众新发送了聊天消息会把之前的消息顶到上面,用户也可以通过滚动聊天栏翻看之前的用户聊天记录。
先看下面gif图功能:
下面讲如何实现:
第一:整个功能我分了三个组件,一个蓝色背景image,一个用来滑动的image(上图图中的黄色光芒图片),一个text的预设物体。(如下图:)
为了方便将这三个物体的pivot都设置为(0,0)。
如下图(根据需求可自定义大小坐标等):
第二:给蓝色背景图片添加滑动组件和Mask组件,指定滑动目标为光芒的那个图片。
添加脚本slidertext,然后把text的预设和预设生成的父物体(光芒的那个图片)拖到对应位置。
如下图:
第三:脚本slidertext的源码:(这才是重点)
该代码和之前我写的弹幕生产的方法相似(弹幕方法链接http://www.manew.com/thread-95590-1-1.html)
脚本里实现了两种文本移动方法:一种是直接跳到上面的位置,另个是缓慢移动上去(上面gif图的样子),缓慢移动使用了DoTween插件来实现。
阅读全文
0 0
- 聊天功能,实现:每增加一条消息整体往上移动,滚动查看聊天记录
- UGUI实现直播间聊天消息滚动功能
- 简易聊天系统-实现发送,清屏,聊天记录和震动功能
- jsp+mysql实现增加,查看功能
- iOS聊天下拉刷新聊天记录的实现
- JavaScript实现内容从下往上连续滚动效果
- jQuery_review之textarea滚动条往上往下的实现
- 陌陌聊天记录怎么查看移动手机号码通话记录查看
- 关于当EditText软键盘打开时,界面整体往上移动
- JQUERY实现判断鼠标往上滚往下滚的功能。
- 类似大众点评_每3秒切换一条消息
- 聊天页面弹出键盘信息滚动到最后一条
- Dwr2实现聊天功能
- MINA 实现聊天功能
- 仿微信聊天功能实现
- Netty 实现聊天功能
- Netty 实现聊天功能
- Netty 实现聊天功能
- BZOJ 4569: [Scoi2016]萌萌哒 并查集+倍增
- 我的面经
- Linux学习笔记--Tcpdump
- Qt 非静态成员函数作为线程函数?
- Java并发编程:volatile关键字解析
- 聊天功能,实现:每增加一条消息整体往上移动,滚动查看聊天记录
- ELK日志处理之使用logstash收集log4J日志
- linux更改系统权限
- cocos2dx基础——图层类
- String字符串
- 模版函数
- Python如何安装requests等第三方库
- error LNK2019, LNK1120
- 返回局部最小元素