NGUI学习之聊天窗口UI设计

前言

NGUI插件是一款强大的ui设计插件，有了它，我们可以很轻松的进行UI设计和搭建。经过一段时间的学习。博主简单的做出了一个聊天窗口的界面。写下博客就算是学习总结了。

主要实现了：（后面是用到的ngui脚本）

1.窗口可以拖拽：dragObject脚本

2.窗口可以通过右下角的图标进行放大和缩小：dragResize

3.内容实现界面可以进行滚动条进行阅览：textlist 

4.输入框输入内容，回车将内容显示在上方界面中 

效果图

界面有点丑，不过不要在意这些细节

注意

所有可以交互的UI都要在其本身挂上BoxCollider脚本

1.UI锚点要注意，因为是可以拖拽和放大缩小的，所以锚点一定要定义

2.textListj脚本是要挂在Lable上的，同时脚本上要选择lable和scrollBar(ngui有做好的滚动条，直接拖来用一下就行)

Style选择为chat（为聊天模式，内容的显示是从下向上走的，就像qq一样）

paragraphHistory 为内容的记录，即最多有50条

3.文本回车输入是这样的

在OnSubmitt上选择自己写的MyInput脚本中的OnMysubmit方法

using UnityEngine;
using System.Collections;

public class MyInput : MonoBehaviour {

    private UIInput Input;
    public UITextList UITextList;

    void Awake()
    {
        Input = this.GetComponent<UIInput>();
    }

    public void OnMysubmit()
    {
        UITextList.Add("me: " + Input.value);
        Input.value = "";
    }
}

总结

下一步想通过服务器端的学习，做一个联网的聊天功能。

每天要上班，回去要锻炼身体，整完累得不行，还要学习unity和一些游戏开发知识，感觉时间不够用啊，而且有2个月了吧，感觉学的东西还是太少。而且知识太零碎，还是要坚持写博客，总结自己学习的知识和做的东西。相信坚持就是胜利！