一、TUIKit 介绍
TUIKit 简化了基于腾讯云 IM SDK 的应用开发过程。它不仅能助你快速实现 UI 功能,也支持调用腾讯云 IM SDK 相应的接口实现即时通信业务逻辑和数据处理。因此,你在使用 TUIKit 时仅需关注自身业务或个性化扩展。
二、TUIKit 主要功能组件介绍
TUIKit 按照功能主要分为聊天、会话列表、关系链管理、用户或群组资料、搜索、音视频通话等多个类型的 UI 组件,每个类型的 UI 组件负责承载不同的功能模块。
每个组件在移动端和桌面端的用法一致,由 TUIKit 内部做平台自适应。界面效果如下:
移动端
三、消息收发聊天组件
TIMUIKitChat 主要负责消息界面的展示。你可以利用它直接发送不同类型的消息,进行消息表情回应 / 回复 / 引用,并查看消息已读回执详情等操作。
在桌面端,还包括 文件拖入发送 / 截图 / 粘贴图片发送 / 在目录中打开文件 等桌面端特色能力。
界面效果如下:
移动端
| 消息界面 | 发送多种类型消息 |
| | |
| 表情回应/回复/引用 | 文件自动匹配icon |
| | |
| 消息已读回执 | 已读回执详情 |
| | |
| 群 tips 消息 | 入群申请审批 |
| | |
| 链接解析预览 | 地理位置消息 |
| | |
四、关系链系列组件
关系链主要负责当前用户的联系人、群聊、黑名单的信息展示。界面效果如下:
移动端
| 联系人列表(TIMUIKitContact) | 好友申请列表(TIMUIKitNewContact) |
| | |
| 参与的群聊列表(TIMUIKitGroup) | 黑名单列表(TIMUIKitBlackList) |
| | |
五、会话列表组件
TIMUIKitConversation 主要负责会话列表的展示和编辑。界面效果如下:
移动端
六、用户资料与管理组件
TIMUIKitProfile 主要负责联系人的资料展示与管理。界面效果如下:
移动端
七、添加好友与群组系列组件
TIMUIKitAddFriend 为添加好友页面。TIMUIKitAddGroup 为添加群组页面。界面效果如下:
移动端
| 添加好友页面(TIMUIKitAddFriend) | 添加群组页面(TIMUIKitAddGroup) |
| | |
八、群资料与管理组件
TIMUIKitGroupProfile 主要负责群资料、群成员、群组权限的展示与管理。界面效果如下:
移动端
| 群资料及管理 | 群成员管理 |
| | |
| 加群方式管理 | 群操作 |
| | |
九、本地搜索系列组件
本地搜索能力,共包括两个不同的组件 TIMUIKitSearch 和 TIMUIKitSearchMsgDetail。
TIMUIKitSearch 为本地全局搜索,支持同时搜索联系人、群聊及聊天记录;TIMUIKitSearchMsgDetail 为会话内聊天历史记录搜索。
移动端全局搜索 – TIMUIKitSearch
十、音视频通话
TUICallKit插件 用于语音、视频通话。目前仅支持移动端。
集成 CallKit 插件后,TUIKit 的消息发送的更多能力面板中,会自动出现拨打音视频电话的 button。
十一、消息推送
你可通过我们的 推送服务(Push) 集成消息推送能力,涵盖离线推送与在线推送。消息推送效果如下: