NGUI制作简单聊天界面

注：使用3.6.0版本的ngui

1.首先制作2D目录结构，如下图：

2.在panel容器中分别创建一个sprte+label组件作为聊天窗口，一个Input组件作为输入框，一个scrollBar组件作为滚动条，其中删除scroll组件的Foreground，并且拖动Background作为UIScroll Bar的Foreground对象槽中，如下图：

3.查找NGUI自身的ChatInput脚本和UITextList脚本，注意这里把这两个脚本抽出来，方便编辑而不影响其他，需要修改脚本名称及脚本里面的类名称ChatInputBack  UITextListBack，否则会造成冲突；接着把UITextListBack脚本拖动到Sprite1-chatArea对象上，并把Sprite1-chatArea对象上的Label和Scroll Bar拖动到UITextlistBack对应的对象槽中，选择style为Chat，如下图所示：

4.把ChatInputBack脚本拖动到Input对象上，并把Sprite1-chatArea拖动到对应的对象槽中，注意这里由于刚才抽出来那两个脚本中，其中ChatInputBack脚本中定义的UITextList需要改为UITextListBack，否则不能拖动到对象槽中，另外在start函数中添加一监听onSubmit事件的代码；如下图所示：

5.最后播放场景，在input框输入的字符都会展示在聊天框中，如下图：

资源下载：http://download.csdn.net/detail/sxtbdz/7414013