Flutter

最近更新时间:2023-08-18 16:21:51

我的收藏
本文将介绍如何定制 TUICallKit 的用户界面,我们提供了两个方案供您选择:界面微调方案自实现 UI 方案
注意:页面定制方案需要使用 tencent_calls_uikit 插件 1.8.0 以上的版本。

方案一:界面微调方案

您可以下载 tencent_calls_uikit 插件的最新版本到本地,之后在您的工程中使用本地依赖的方式接入插件,本地依赖方式如下:
在工程 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

TUICallEngine 是整个通话组件的底层接口,主要提供了1对1音视频通话和群组内通话的发起、接听、拒绝、结束以及设备操作等关键接口。

TUICallObserver

TUICallObserver 是 TUICallEngine 对应的回调事件类,您可以通过此回调,接收自己感兴趣的回调事件。