【iVX 初级工程师培训教程 10篇文拿证】09 聊天室制作

目录

【iVX 初级工程师培训教程 10篇文拿证】01 了解 iVX 完成新年贺卡 【iVX 初级工程师培训教程 10篇文拿证】02 数值绑定及自适应网站制作 【iVX 初级工程师培训教程 10篇文拿证】03 事件及猜数字小游戏 【iVX 初级工程师培训教程 10篇文拿证】04 画布及我和 iVX 合照 【iVX 初级工程师培训教程 10篇文拿证】05 画布及飞机大战游戏制作 【iVX 初级工程师培训教程 10篇文拿证】06 数据库及服务 【iVX 初级工程师培训教程 10篇文拿证】07 08 新闻页制作 【iVX 初级工程师培训教程 10篇文拿证】09 聊天室制作

高分提升请查看专栏： iVX入门到精通 大话 IVX 实战到精通

一、链接

在 iVX 中制作一个 多人/单人 即时通讯很简单，接下来以一个多人聊天室为例，介绍聊天室的做法。

iVX 之中制作多人聊天室需要一个链接组件：

在这里插入图片描述

通过该组件可完成聊天室制作。

二、聊天是制作

2.1 页面绘制

页面绘制对象树及其页面示例如下：

在这里插入图片描述

页面1：

在这里插入图片描述

聊天室：

在这里插入图片描述

2.2 页面绘制

在这里插入图片描述

首先我们在页面1中，点击进入聊天室后记录输入框文本，并且将文本值存储到一个变量之中，随后进行页面跳转：

在这里插入图片描述

接着在聊天室页面显示时，需要给一个显示事件，该事件使用连接组件为动作对象，等级当前用户信息，等级成功后可手动输入一个房间ID，最后创建或加入房间后，给指定ID房间发送一个消息，消息列名可以自己定义：

在这里插入图片描述

接着给链接一个事件，当收到任意消息后，使用一个对象数组“信息变量”存储收到的房间消息，消息内容值点击输入框即可自动弹出；当存储好信息内容后，使用一个变量“组合变量”，二次对内容进行对应的格式化，并且最终将格式化内容添加值信息集对象数组末尾即可：

在这里插入图片描述

在此需要注意这些对象数组是为了对应其接收格式而接收内容值，这些对象数组列名如下：

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

接着，使用循环遍历信息集对象数组内容即可：

在这里插入图片描述

其循环创建的文本都需要进行数据绑定：

在这里插入图片描述

在这里插入图片描述

最后给发送按钮添加事件即可：

在这里插入图片描述

最后聊天室即可制作完毕。