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.