Docs Overview/
Call/
Flutter/
基础功能/
UI 定制/

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 对应的回调事件类，您可以通过此回调，收取自己感兴趣的回调事件。