Flutter
本文将介绍如何定制 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