专为以下场景打造：ANDROID

Android
Chat UI Kit

使用 Tencent RTC Android Chat UI Kit 添加 Kotlin 消息界面。以匹配的视觉风格将会话、消息和联系人集成到应用中。

开始构建试用 Chat Demo

开发者资源

Android Chat UI Kit 文档与示例

组件参考

探索 Android Chat UI Kit 组件。

探索组件用户身份验证

接入指南

安装 Android Chat UI Kit 并发送一条测试消息。

Android 集成快速入门

示例与源码

探索消息体验和官方开发者资源。

试用 Chat Demo 查看 Android 源代码

产品内客服支持

让服务请求和客户对话都在同一应用内完成。

探索客服聊天

分享您所看到的内容

将照片分享融入日常交流和团队动态。

阅读 Android 指南

ANDROID 聊天功能

核心功能，随时可接入

会话列表

最近对话
未读消息指示器

消息界面

联动式消息视图
集成式消息编辑器

媒体分享

照片和附件
原生媒体权限

人员与群组

单聊对话
群组互动

打造属于您的产品体验

调整 UI 源代码
适配您的导航

互联组件

底层 Chat SDK
您的应用身份

探索 Android Chat Components

了解各组件如何协同工作。

对话

从会话列表开始

添加列表页面，并将点按会话的操作连接到您的导航。

阅读文档

import io.trtc.tuikit.chat.uikit.pages.ConversationsPageView

val page = ConversationsPageView(this)
page.setHeaderTitle("Messages")
page.onConversationClick = { conversationID ->
    // Open your ChatPageView with this conversationID.
}
setContentView(page)

Chat

开启交流空间

使用单聊或群聊会话 ID 设置 ChatPageView。

阅读文档

import io.trtc.tuikit.chat.uikit.pages.ChatPageView

val page = ChatPageView(this)
page.setup(conversationID = conversationID)
setContentView(page)

// Release the view in your Activity's onDestroy.
// page.release()

联系人

连接个人与群组

围绕所提供的页面和回调构建联系人体验。

阅读文档

import io.trtc.tuikit.chat.uikit.pages.ContactsPageView

val page = ContactsPageView(this)
page.setHeaderTitle("Contacts")
page.setup(
    onContactClick = { contact -> /* Open chat. */ },
    onGroupClick = { group -> /* Open group chat. */ }
)
setContentView(page)

个性化定制

自定义您的 Android 聊天界面

将您的视觉风格和应用流程融入聊天体验。

让您的品牌自然融入

设置主色，并使用 ThemeStore 在浅色和深色主题之间切换。

阅读文档

开始使用

你的第一次对话从这里开始

01
创建您的应用
设置 Chat 应用和测试用户。
打开 Chat 控制台
02
添加 Android Chat UI Kit
按照平台指南连接您的项目。
按照集成指南操作
03
连接你的用户
登录两个测试用户并发送第一条消息。
连接您的用户

Android Chat UI Kit

// After importing the modules in settings.gradle.kts
dependencies {
    implementation(project(":uikit"))
    implementation(project(":atomic_x"))
}

import io.trtc.tuikit.chat.uikit.pages.ConversationsPageView

val page = ConversationsPageView(this)
page.setHeaderTitle("Messages")
page.onConversationClick = { conversationID ->
    // Open your ChatPageView with this conversationID.
}
setContentView(page)

Android Chat UI Kit 常见问题

当前 Android UI Kit 有哪些要求？

当前指南使用 Kotlin、uikit 和 atomic_x 模块以及 LoginStore。ChatPageView 宿主需要使用 Material Components 主题，并且必须在销毁时释放视图。请按照指南完成模块导入、原生权限配置和可选的 Call 依赖项设置。

阅读集成指南

Android UI Kit 与 SDK 有何不同？

UI Kit 在消息 SDK 之上提供相互联动的界面组件。如果希望完全自行构建界面，请使用 Core SDK。

探索 Core SDK

如何对 Android Chat UI Kit 的用户进行身份验证？

在后端生成生产环境 UserSig。将其传递给客户端用于身份验证，并将应用密钥保留在服务器上。

阅读身份验证指南

这些 Android 代码片段能否构成一个完整的应用？

这些内容展示的是各个集成步骤。请按照完整指南完成导入、初始化、登录、错误处理和目标平台专属配置。发布前，请使用不同账户测试消息功能。

查看完整教程

Android Chat UI Kit 的使用量如何计费？

托管 Chat 服务的用量取决于您选择的套餐。请查看适用于您应用的内含功能和额度；可选插件和 Call 服务可能有单独的要求。

查看 Chat 定价

如何将 Android 聊天 UI Kit 集成到 Kotlin 或 Java 项目中？

按指南配置 Android 项目和 manifest，然后按需处理运行时权限及 Activity 清理。在真实设备上测试，包括应用后台与前台切换。

阅读平台指南

发布应用前如何测试 Android 聊天 UI Kit？

检查登录、SDK 就绪、发送与接收事件，以及重连后的消息状态。

阅读平台指南

如何定制 Android 聊天 UI Kit 的界面？

通过原生页面对象进行配置，无需套用 React 风格的 props。例如，调用 ConversationsPageView.setHeaderTitle("Messages")，并将 onConversationClick 连接到你的 ChatPageView 页面。承载 ChatPageView 的 Activity 必须使用 Material Components 主题；缺少主题属性可能导致运行时崩溃。自定义导航时需保留选中的会话 ID，并在导入的 Chat 模块中维护源码修改。

查看定制指南

获取后续步骤所需的支持

集成问题

获取 Android Chat UI Kit 的配置帮助。

查看开发者文档

讨论您的应用

讨论您的产品、预期用量和集成需求。

联系销售人员

构建你的下一次对话体验

使用 Android Chat UI Kit 构建你的 app。

免费开始查看 UI Kit 指南

Android Chat UI Kit

Android Chat UI Kit 文档与示例

组件参考

接入指南

示例与源码

产品内客服支持

分享您所看到的内容

核心功能，随时可接入

会话列表

消息界面

媒体分享

人员与群组

打造属于您的产品体验

互联组件

探索 Android Chat Components

从会话列表开始

开启交流空间

连接个人与群组

自定义您的 Android 聊天界面

让您的品牌自然融入

契合您的应用运作方式

你的第一次对话从这里开始

创建您的应用

添加 Android Chat UI Kit

连接你的用户

Android Chat UI Kit 常见问题

当前 Android UI Kit 有哪些要求？

Android UI Kit 与 SDK 有何不同？

如何对 Android Chat UI Kit 的用户进行身份验证？

这些 Android 代码片段能否构成一个完整的应用？

Android Chat UI Kit 的使用量如何计费？

如何将 Android 聊天 UI Kit 集成到 Kotlin 或 Java 项目中？

发布应用前如何测试 Android 聊天 UI Kit？

如何定制 Android 聊天 UI Kit 的界面？

获取后续步骤所需的支持

集成问题

讨论您的应用

构建你的下一次对话体验

Android
Chat UI Kit