This document will introduce how to customize the user interface of TUILiveKit. We provide three solutions for you to choose from: interface fine-tuning plan, single feature integration plan, and room engine access plan.
Solution 1: Interface Fine-Tuning Plan
Directly modify the UI source code we provide to adjust the user interface of TUILiveKit. The interface source code of TUILiveKit is located in the tuilivekit folder on Github.
Replace Icons
You can directly replace the icons in the livekit/src/main/res/drawable-xxhdpi folder and the drawable-xxhdpi folders of other components to ensure the icon color and style remain consistent throughout the entire App. Please keep the icon file names unchanged during replacement.
Replace Copy
You can modify the string content of the TUILiveKit interface by modifying the strings.xml files under the livekit/src/main/res-common/values-zh, livekit/src/main/res-common/values, livekit/src/main/res-common/values-zh-rTW directories.
Option 2: Single Function Access Scheme
If the interface fine-tuning plan meets your requirements and you need to disable some features and add some of your own business, you can use this method for integration. For more details, see: Pick Modules Integration.
Solution Three: Integrating Room Engine Solution
If the first two solutions do not meet your needs, you can fully implement your own UI interface based on the RTC Room Engine SDK. For more details, see: RTC RoomEngine.
