Join Tencent RTC at NAB Show 2024 in Las Vegas!
Learn more 
Only  $9.9! Get 50,000 minutes with our Starter Plan, perfect for your MVP project.
Only $9.9! Get 50,000 minutes with our Starter Plan, perfect for your MVP project.
Grab It Now 
Join Tencent RTC at NAB Show 2024 in Las Vegas!
Learn more 
Only  $9.9! Get 50,000 minutes with our Starter Plan, perfect for your MVP project.
Only $9.9! Get 50,000 minutes with our Starter Plan, perfect for your MVP project.
Grab It Now 
Conference
Overview
  • Web
    • Integration
    • UI Customization
    • In-Conference Chat
    • Cloud Recording
    • API Documentation
      • API Overview
      • TUIRoomKit
      • TUIRoomEngine
      • TUIRoomEvents
      • TUIRoomEngine Defines
    • FAQs
  • iOS
    • Integration
    • UI Customization
    • Conference Control
    • In-Conference Chat
    • Cloud Recording
    • API Documentation
      • API Overview
      • TUIRoomKit
      • TUIRoomEngine
      • TUIRoomObserver
      • Type Definition
    • FAQs
  • Android
    • Integration
    • UI Customization
    • Conference Control
    • In-Conference Chat
    • Cloud Recording
    • API Documentation
      • API Overview
      • TUIRoomKit
      • TUIRoomEngine
      • TUIRoomObserver
      • Type Definition
    • FAQs
  • Electron
    • Integration
    • UI Customization
    • In-Conference Chat
    • Cloud Recording
    • API Documentation
      • API Overview
      • TUIRoomKit
      • TUIRoomEngine
      • TUIRoomEvent
      • TUIRoomEngine Defines
    • FAQs
  • Windows
    • Integration
    • UI Customization
    • Cloud Recording
    • API Documentation
      • API Overview
      • TUIRoomEngine
      • TUIRoomObserver
      • Type Definition
  • Flutter
    • Integration
    • UI Customization
    • Conference Control
    • Cloud Recording
    • API Documentation
      • API Overview
      • TUIRoomEngine
      • TUIRoomObserver
      • Type Definition
    • FAQs
  • Overview
    • Overview
  • Activate the Service
  • Pricing
    • TRTC Conference Monthly Packages
    • Pay-As-You-Go
    • Free Minutes
  • Error Code
Conference

UI Customization

This article will introduce how to customize the user interface of TUIRoomKit. We provide two options for you to choose from: the skin replacement scheme and the custom UI scheme.

Option 1: Interface Fine-tuning Scheme

You can directly modify and adapt based on the App we provide
The App directory contains the design and logic related to the UI. You can modify the RoomApp source code for secondary development according to your needs. The main features are as follows:
Feature
File Directory
Home Login
Windows-Mac\RoomApp\App\LoginViewController.cpp
Device Detection
Windows-Mac\RoomApp\App\PresetDeviceController.cpp
Main Page
Windows-Mac\RoomApp\App\MainWindow.cpp
Mic-on List
Windows-Mac\RoomApp\App\StageListController.cpp
Member List
Windows-Mac\RoomApp\App\MemberListViewController.cpp
Settings Page
Windows-Mac\RoomApp\App\SettingViewController.cpp
Chat Room
Windows-Mac\RoomApp\App\ChatRoomViewController.cpp
Screen Sharing
Windows-Mac\RoomApp\App\ScreenShareWindow.cpp
Bottom Toolbar
Windows-Mac\RoomApp\App\BottomBarController.cpp

Option 2: Custom UI Scheme

The overall function of TUIRoomKit is based on the TUIRoomEngine, a UI-less SDK. You can completely implement your own UI interface based on TUIRoomEngine. For details, please refer to the TUIRoomEngine API interface address.