【iVX 初级工程师培训教程 10篇文拿证】09 聊天室制作
目錄
【iVX 初級工程師培訓(xùn)教程 10篇文拿證】01 了解 iVX 完成新年賀卡
【iVX 初級工程師培訓(xùn)教程 10篇文拿證】02 數(shù)值綁定及自適應(yīng)網(wǎng)站制作
【iVX 初級工程師培訓(xùn)教程 10篇文拿證】03 事件及猜數(shù)字小游戲
【iVX 初級工程師培訓(xùn)教程 10篇文拿證】04 畫布及我和 iVX 合照
【iVX 初級工程師培訓(xùn)教程 10篇文拿證】05 畫布及飛機(jī)大戰(zhàn)游戲制作
【iVX 初級工程師培訓(xùn)教程 10篇文拿證】06 數(shù)據(jù)庫及服務(wù)
【iVX 初級工程師培訓(xùn)教程 10篇文拿證】07 08 新聞頁制作
【iVX 初級工程師培訓(xùn)教程 10篇文拿證】09 聊天室制作
高分提升請查看專欄:
iVX入門到精通
大話 IVX 實戰(zhàn)到精通
一、鏈接
在 iVX 中制作一個 多人/單人 即時通訊很簡單,接下來以一個多人聊天室為例,介紹聊天室的做法。
iVX 之中制作多人聊天室需要一個鏈接組件:
通過該組件可完成聊天室制作。
二、聊天是制作
2.1 頁面繪制
頁面繪制對象樹及其頁面示例如下:
頁面1:
聊天室:
2.2 頁面繪制
首先我們在頁面1中,點擊進(jìn)入聊天室后記錄輸入框文本,并且將文本值存儲到一個變量之中,隨后進(jìn)行頁面跳轉(zhuǎn):
接著在聊天室頁面顯示時,需要給一個顯示事件,該事件使用連接組件為動作對象,等級當(dāng)前用戶信息,等級成功后可手動輸入一個房間ID,最后創(chuàng)建或加入房間后,給指定ID房間發(fā)送一個消息,消息列名可以自己定義:
接著給鏈接一個事件,當(dāng)收到任意消息后,使用一個對象數(shù)組“信息變量”存儲收到的房間消息,消息內(nèi)容值點擊輸入框即可自動彈出;當(dāng)存儲好信息內(nèi)容后,使用一個變量“組合變量”,二次對內(nèi)容進(jìn)行對應(yīng)的格式化,并且最終將格式化內(nèi)容添加值信息集對象數(shù)組末尾即可:
在此需要注意這些對象數(shù)組是為了對應(yīng)其接收格式而接收內(nèi)容值,這些對象數(shù)組列名如下:
接著,使用循環(huán)遍歷信息集對象數(shù)組內(nèi)容即可:
其循環(huán)創(chuàng)建的文本都需要進(jìn)行數(shù)據(jù)綁定:
最后給發(fā)送按鈕添加事件即可:
最后聊天室即可制作完畢。
總結(jié)
以上是生活随笔為你收集整理的【iVX 初级工程师培训教程 10篇文拿证】09 聊天室制作的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【前端就业课 第一阶段】HTML5 零基
- 下一篇: 【iVX 初级工程师培训教程 10篇文拿