tencent cloud

All product documents
User Generated Short Video SDK
DocumentationUser Generated Short Video SDKIntegration (No UI)Advanced Features and Special EffectsCustom ThemesiOS
iOS
Download PDF
Last updated: 2022-11-15 11:20:02
iOS
Last updated: 2022-11-15 11:20:02
Download PDF
UGCKit allows you to freely modify the preset text, colors, and icons.

Text

UGCKit offers two language packages by default: Simplified Chinese and American English. All their localized strings are stored in the default standard localized string format in UGCKit/UGCKitResources/Localizable.strings. You can replace the text to change the default strings or add new languages.
Below is an example of changing the Simplified Chinese animated effect names, which are in UGCKit/UGCKitResources/zh-Hans.lproj/Localizable.strings.
"UGCKit.Edit.VideoEffect.DynamicLightWave" = "Rock light";
"UGCKit.Edit.VideoEffect.DarkFantasy" = "Dark dream";
"UGCKit.Edit.VideoEffect.SoulOut" = "Soul out";
"UGCKit.Edit.VideoEffect.ScreenSplit" = "Split screen";
"UGCKit.Edit.VideoEffect.Shutter" = "Blinds";
"UGCKit.Edit.VideoEffect.GhostShadow" = "Shadow";
"UGCKit.Edit.VideoEffect.Phantom" = "Phantom";
"UGCKit.Edit.VideoEffect.Ghost" = "Ghost";
"UGCKit.Edit.VideoEffect.Lightning" = "Lightning";
"UGCKit.Edit.VideoEffect.Mirror" = "Mirror";
"UGCKit.Edit.VideoEffect.Illusion" = "Illusion";
To change "Illusion" to "Phantasm", you only need to modify the last line as follows:
"UGCKit.Edit.VideoEffect.Illusion" = "Phantasm";

Color

The methods of getting the colors on all UIs of UGCKit are defined in the UGCKitTheme class. You can modify the attribute values to change colors. For the specific resource names, see the comments in UGCKitTheme.h.
Below is an example of changing the background color of the application UI:
UGCKitTheme *theme = [[UGCKitTheme alloc] init];
theme.backgroundColor = [UIColor whiteColor]; // Change the background color to white
UGCKitEditViewController *editViewController = [[UKEditViewController alloc] initWithMedia:media config:nil theme:theme]; // Use the custom theme to create a controller

Icons

The icons on all UIs of UGCKit are in the UGCKit.xcassets resource file and can be replaced as needed. The specific icon filenames can be viewed in UGCKitTheme.h. An icon's resource name is the same as its attribute/method name, and all icons are defined in UGCKitTheme.h. Taking the recording UI as an example, the following names are the icons' attribute names in UGCKitTheme as well as the resource names in UGCKit.xcassets.



You can replace icons in UGCKit in two ways:
Directly replace icons in UGCKitTheme.xcassets.
Write code to assign values to objects in UGCKitTheme to change icons.
Below is the sample code for changing icons on the recording UI:
UGCKitTheme *theme = [[UGCKitTheme alloc] init];
theme.nextIcon = [UIImage imageName:@"myConfirmIcon"]; // Set the icon used to complete recording
theme.recordMusicIcon = [UIImage imageName:@"myMusicIcon"]; // Set the icon of the music feature
theme.beautyPanelWhitnessIcon = [UIImage imageNamed:@"beauty_whitness"]; // Set the icon of the brightening filter
UGCKitRecordViewController *viewController = [[UGCKitRecordViewController alloc] initWithConfig:nil theme:theme]; // Use the custom theme to create a controller

Was this page helpful?
You can also Contact Sales or Submit a Ticket for help.
Yes
No

Feedback

Contact Us

Contact our sales team or business advisors to help your business.

Contact Us
Technical Support

Open a ticket if you're looking for further assistance. Our Ticket is 7x24 available.

Submit a Ticket
7x24 Phone Support
Hong Kong, China
+852 800 906 020 (Toll Free)
United States
+1 844 606 0804 (Toll Free)
United Kingdom
+44 808 196 4551 (Toll Free)
Canada
+1 888 605 7930 (Toll Free)
Australia
+61 1300 986 386 (Toll Free)
EdgeOne hotline
+852 300 80699
More local hotlines coming soon