实时音视频 Flutter-视频通话（含 UI）-文档中心-腾讯云

本文将介绍如何定制 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 对应的回调事件类，您可以通过此回调，接收自己感兴趣的回调事件。
﻿
﻿

文件名	用途
phone_dialing.mp3	发起呼叫时的声音
phone_hangup.mp3	被挂断的声音
phone_ringing.mp3	接到呼叫时的声音

Flutter

本页目录：

方案一：界面微调方案

替换图标

替换铃声

替换文案

方案二：自实现 UI 方案

TUICallEngine

TUICallObserver