• UIKit
  • SDK
  • 服务端 API
Chat/
UIKit/
Android/
UIKit
  • 界面库介绍
  • Run Demo
  • 快速开始
  • 集成组件
    • TUIKit
    • TUIChat
  • 构建基础界面
    • 聊天界面
    • 会话列表
    • 联系人列表
    • 添加联系人
    • 创建群聊
    • 音视频通话
  • 功能
    • 表情回应
    • 消息引用
    • 已读回执
    • 用户在线状态
    • 文本消息翻译
    • 语音转文本
    • 搜索消息
  • 自定义
    • 自定义消息
    • 自定义表情
  • 本地化
  • 更新日志
  • 开发指引
  • 控制台指南
    • 创建和升级应用
    • 基本配置
    • 功能配置
    • 账号管理
    • 群组管理
    • 回调配置
  • 产品介绍
    • 消息管理
      • 单聊消息
      • 消息存储
      • 离线推送
      • 群消息
      • 消息格式
    • 账号系统
      • 登陆验证
      • 在线状态管理
    • 群相关
      • 群组系统
      • 群组管理
    • 用户资料和关系链
      • 资料管理
      • 关系链管理
  • 购买指南
    • 计费概述
    • 价格中心
  • 错误码

界面库介绍

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 主要负责离线推送消息展示。 离线推送效果如下图所示: