Tencent Cloud

Recent Pages

Android & iOS

最后更新时间：2024-03-26 15:27:48

TUIKit 介绍
TUIKit 是基于腾讯云 IM SDK 的一款 UI 组件库，它提供了一些通用的 UI 组件，包含会话、聊天、搜索、关系链、群组、音视频通话等功能。
基于 UI 组件您可以像搭积木一样快速搭建起自己的业务逻辑。
TUIKit 中的组件在实现 UI 功能的同时，会调用 IM SDK 相应的接口实现 IM 相关逻辑和数据的处理，因而开发者在使用 TUIKit 时只需关注自身业务或个性化扩展即可。
TUIKit 从 6.9.3557 版本开始新增了全新的简约版 UI 组件，之前版本 UI 组件依旧保留，我们称之为经典版 UI 组件，您可以根据需求自由选择经典版或简约版 UI 组件。
TUIKit 从 7.5.4852 版本开始新增了 RTL 语言（文字方向从右到左的语言，比如阿拉伯语、希伯来语等）支持，当应用内语言为 RTL 语言时，TUIKit 会自动切换到 RTL 样式；同时内置语言新增了阿拉伯语。
TUIKit 主要功能介绍
TUIKit 主要分为 TUISearch、TUIConversation、TUIChat、TUICallKit、TUIContact、TUIGroup 和 TUIOfflinePush 几个 UI 子组件，每个 UI 组件负责展示不同的内容。
界面效果如下图所示：
简约版
RTL语言
经典版
﻿
﻿
﻿
﻿
﻿
﻿
﻿
﻿
﻿
﻿
TUIChat 重点功能介绍
TUIChat 主要负责消息界面的展示。您还可以利用它直接发送不同类型的消息、对消息长按点赞/回复/引用、查询消息已读回执详情等。
界面效果如下图所示：
﻿
简约版
RTL语言
经典版
消息界面 | 发送多种类型消息
﻿
﻿
﻿
﻿
消息点赞 | 回复  
﻿
﻿
﻿
﻿
消息已读回执 | 已读回执详情
﻿
﻿
﻿
﻿
消息界面 | 发送多种类型消息
﻿
﻿
﻿
消息点赞 | 回复  
﻿
﻿
﻿
消息已读回执 | 已读回执详情
﻿
﻿
﻿
﻿
消息界面
发送多种类型消息
﻿
﻿
﻿
﻿
﻿
﻿
消息点赞/回复/引用
消息回复详情
﻿
﻿
﻿
﻿
﻿
﻿
消息已读回执
已读回执详情
﻿
﻿
﻿
﻿
﻿
﻿
﻿
﻿
﻿
TUIContact 重点功能介绍
TUIContact 主要负责联系人的展示、权限设置等。
界面效果如下图所示：
简约版
RTL语言
经典版
关系链列表 | 联系人资料及管理
﻿
﻿
﻿
﻿
参与的群聊列表 | 黑名单列表
﻿
﻿
﻿
﻿
关系链列表 | 联系人资料及管理
﻿
﻿
﻿
参与的群聊列表 | 黑名单列表
﻿
﻿
﻿
﻿
关系链列表
联系人资料及管理
﻿
﻿
﻿
﻿
﻿
﻿
参与的群聊列表
黑名单列表
﻿
﻿
﻿
﻿
﻿
﻿
﻿
﻿
TUIConversation 重点功能介绍
TUIConversation 主要负责会话列表的展示和编辑。
界面效果如下图所示：
简约版
RTL语言
经典版

﻿
﻿
﻿
﻿
﻿
﻿
﻿
﻿


TUIGroup 重点功能介绍
TUIGroup 主要负责群资料、群成员、群组权限的管理。
界面效果如下图所示：
简约版
RTL语言
经典版
群资料及管理 | 群成员管理
﻿
﻿
﻿
﻿
加群方式管理 | 权限管理
﻿
﻿
﻿
群资料及管理 | 群成员管理
﻿
﻿
﻿
加群方式管理 | 权限管理
﻿
﻿
﻿
﻿
群资料及管理
群成员管理
﻿
﻿
﻿
﻿
﻿
﻿
加群方式管理
权限管理
﻿
﻿
﻿
﻿
﻿
﻿
﻿
﻿
TUISearch 重点功能介绍
TUISearch 主要负责本地搜索，支持搜索联系人、群聊、聊天记录。
界面效果如下图所示：
简约版
RTL语言
经典版
﻿
﻿


﻿
﻿
﻿
﻿
﻿
﻿
﻿
TUICallKit 重点功能介绍
TUICallKit 主要负责语音、视频通话。
单聊通话示意图：
视频通话
语音通话
﻿
﻿
﻿
﻿
﻿
﻿
﻿
群聊通话示意图：
视频通话
语音通话
﻿
﻿
﻿
﻿
﻿
﻿
﻿
如果您集成了 TUIChat、TUIContact 及 TUICallKit，您可以在 TUIChat 消息页、TUIContact 个人资料页启动语音、视频通话。
界面效果如下图所示：
简约版
RTL语言
经典版
消息页启动 | 资料页启动
﻿
﻿
﻿
消息页启动 | 资料页启动
﻿
﻿
﻿
﻿
消息页启动
资料页启动
﻿
﻿
﻿
﻿
﻿
﻿
﻿
TUIOfflinePush 重点功能介绍
TUIOfflinePush 主要负责离线推送消息展示。
离线推送效果如下图所示：
﻿
﻿
﻿