Unity3d 制作聊天记录列表框

在使用Unity3d开发一个简易的聊天程序时,需要在客户端显示聊天记录列表,做为一个初学者,开发这个功能具然快用了两天了。最后通过调一个参数解决了。这里记录一下,希望对新手有所帮助。
最终的显示效果是这样的:

项目结构如图所示:

项目中的StartPanel是用来输入昵称和连接服务器用的,这里先不用管它。ChatPanel中实现了聊天历史列表记录和聊天消息的发送。
开发步骤如下所示:

  1. 添加ChatPanel,做为聊天内容管理的Panel界面。

  2. 在ChatPanel下面添加聊天信息输入框ChatInputField

  3. 在ChatPanel下面添加一个Scroll View ,它的参数面板如下所示:

  4. 给Scroll View->Viewport->Content添加Content Size Filter和Vertical Layout Group,参数如下所示:

  5. 然后添加如下脚本,这里的思路是每一条聊天记录都会动态加载到一个Text组件中,这方便处理不同组件显示的内容。

    // Update is called once per frame
    void Update()
    {
        if (Input.GetKeyDown(KeyCode.Return) || Input.GetKeyDown(KeyCode.KeypadEnter))
        {
            if (chatInput.text != "")
            {
                string username = Player.GetInstance().NickName;
                string addText = "\n  " + "<color=red>" + username + "</color>: " + chatInput.text;
                GameObject textShowPanel = showPannel.gameObject;
                GameObject chatTextArea = (GameObject)Instantiate(Resources.Load("ChatTextArea"));
                chatTextArea.transform.SetParent(textShowPanel.transform, false);
                
                Text text = chatTextArea.GetComponent<Text>();
                text.text = addText;
                chatInput.text = "";
                chatInput.ActivateInputField();
                //强制更新,如果滚动条显示了,让滚动条始终在最低下。
                Canvas.ForceUpdateCanvases();
                scrollRect.verticalNormalizedPosition = 0f;
                Canvas.ForceUpdateCanvases();
            }
        }
    }

关注下面的公众号,获取源码 ![](https://img2018.cnblogs.com/blog/562410/201911/562410-20191104223532022-1391810103.png)
posted @ 2019-11-04 22:36  王广帅  阅读(1888)  评论(0编辑  收藏  举报