- 动态与公告
- 产品简介
- 购买指南
- 开发指引
- Demo 专区
- 下载中心
- 聊天互动（含 UI）
- 视频通话（含 UI）
- 推送功能
- 智能客服
- 更多实践
- 无 UI 集成
- 客户端 API
- 服务端 API
- 控制台指南
- 常见问题
- 协议与认证
- IM 政策
- 平滑迁移方案
- 错误码
- 联系我们
- 动态与公告
- 产品简介
- 购买指南
- 开发指引
- Demo 专区
- 下载中心
- 聊天互动（含 UI）
- 视频通话（含 UI）
- 推送功能
- 智能客服
- 更多实践
- 无 UI 集成
- 客户端 API
- 服务端 API
- 控制台指南
- 常见问题
- 协议与认证
- IM 政策
- 平滑迁移方案
- 错误码
- 联系我们
本文将介绍如何定制 TUICallKit 的用户界面，我们提供了两个方案供您选择：界面微调方案和自实现 UI 方案。
方案一：界面微调方案
在工程 pubspec.yaml 文件中的 dependencies 节点下，添加 tencent_calls_uikit 插件依赖，示例如下
dependencies:tencent_calls_uikit:path: 插件目录
替换图标
您可以直接替换
assets\\images 文件夹下的图标，以确保整个 App 中的图标色调风格保持一致，请在替换时保持图标文件的名字不变。
替换铃声
您可以替换 assets\\audios 文件夹下的三个音频文件来达到替换铃声的目的：
文件名 | 用途 |
phone_dialing.mp3 | 发起呼叫时的声音 |
phone_hangup.mp3 | 被挂断的声音 |
phone_ringing.mp3 | 接到呼叫时的声音 |
替换文案
您可以通过修改 lib\\src\\i18n 目录下 strings.g.dart 文件中的的字符串来修改视频通话界面中的字符串内容。
方案二：自实现 UI 方案
TUICallKit 的整个通话功能是基于 TUICallEngine 这个无 UI 组件实现的，您可以不依赖 tencent_calls_uikit 插件，而直接依赖 tencent_calls_engine 插件，完全基于 TUICallEngine 实现一套自己的 UI 界面。
TUICallEngine
TUICallObserver
是
否
本页内容是否解决了您的问题？