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腳本,在腳本中找到
在這裏插入圖片描述
將其註釋就可以了。

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