Unity3D-----聊天框的实现

一、功能

用户输入信息并发送,上方聊天窗口显示信息。

二、实现

1、分别创建两个精灵Sprite和两个Label,Label各一个作为一个精灵的子类。
在这里插入图片描述在这里插入图片描述
SpriteArea作为信息的输出域,SpriteInput作为信息的输入域。
2、分别给SpriteArea和SpriteInput添加Input Field Script组件,并将Label类型设置为各自的子类。
3、给SpriteArea加上Text list组件,并给SpriteInput加上Chat Input Script组件,然后将Chat Input组件当中的Text List属性设置为SpriteArea。作用:指定内容输出在哪里。
在这里插入图片描述
4、在SpriteArea中的Text list组件上,将Label和Scroll Bar分别指定一下并且设置style为chat,Scroll Bar在NGUI中有预制件,搜索即可直接拿来使用。
在这里插入图片描述
5、在SpriteInput中的Input Field组件中,设置On return key为submit,并将On Submit当中的Notify指定为SpriteInput物体,然后选择方法为OnSubmit(在ChatInput当中)。
在这里插入图片描述

三、注意

在聊天框制作完成后,我们会发现,在每一次输入信息都需要鼠标点击一下,为此我们修改以下chat Input当中的代码。
打开Chat input script脚本,在脚本中找到
在这里插入图片描述
将其注释就可以了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章