Menu

Windows

Last updated: 2023-09-25 10:50:35Download PDF
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.