集成会话消息界面

更新时间: 2024/10/10 11:00:48

网易云信 IM UIKit 通过会话消息模块(chatkit-ui)提供单聊和群聊两种会话界面。会话中支持文本消息、表情(EMoji)、图片、视频、语音等消息类型,同时支持撤回消息、删除消息等管理功能。

会话界面的部分功能需要在 网易云信控制台 开通后才能使用。具体请参考 控制台开通

效果展示

会话界面能实现的效果如下所示:

会话消息界面效果.png

前提条件

集成会话界面前,请确保您已实现 登录

页面路由

会话消息模块(chatkit-ui)中的页面路由如下表所示:

页面
路由地址
页面源码
单聊页面 ChatP2PPage src/main/ets/pages/ChatP2PPage.ets
群聊页面 ChatTeamPage src/main/ets/pages/ChatTeamPage.ets
单聊设置页面 UserSettingPage src/main/ets/pages/UserSettingPage.ets

跳转会话页面

IM UIKit 提供的默认单聊和群聊会话页面(Page)的类名为 ChatP2PPageChatTeamPage。您可以使用鸿蒙提供的路由 Navigation 跳转到默认会话界面 ChatP2PPageChatTeamPage

跳转单聊页面

Navigation 原型

TypeScript//跳转到单聊界面
this.pathStack.pushPath({ name:'ChatP2PPage', param: '*****' })

参数说明

参数
类型
说明
pathStack NavPathStack 路由相关的操作都是基于页面栈 NavPathStack 提供的方法进行,每个 Navigation 都需要创建并传入一个 NavPathStack 对象,用于管理页面。主要涉及页面跳转、页面返回、页面替换、页面删除、参数获取、路由拦截等功能。
更多详情,请参考《华为官方文档》Navigation
name string IM UIKit 默认注册的会话界面地址 ChatP2PPage
param string 会话 ID,通过调用 V2NIMConversationIdUtil 的对应函数创建。组成方式:用户账号(accountId)| 会话类型(V2NIMConversationType)| 聊天对象账号(accountId)或群组 ID。

跳转群聊页面

Navigation 原型

TypeScript//跳转到群聊界面
this.pathStack.pushPath({ name: "ChatTeamPage", param: '*****' })

参数说明

参数
类型
说明
pathStack NavPathStack 路由相关的操作都是基于页面栈 NavPathStack 提供的方法进行,每个 Navigation 都需要创建并传入一个 NavPathStack 对象,用于管理页面。主要涉及页面跳转、页面返回、页面替换、页面删除、参数获取、路由拦截等功能。
更多详情,请参考《华为官方文档》Navigation
name string IM UIKit 默认注册的会话界面地址 ChatP2PPage
param string 会话 ID,通过调用 V2NIMConversationIdUtil 的对应函数创建。组成方式:用户账号(accountId)| 会话类型(V2NIMConversationType)| 聊天对象账号(accountId)或群组 ID。
此文档是否对你有帮助?
有帮助
去反馈
  • 效果展示
  • 前提条件
  • 页面路由
  • 跳转会话页面
  • 跳转单聊页面
  • 跳转群聊页面