tencent cloud

All product documents
User Generated Short Video SDK
DocumentationUser Generated Short Video SDKIntegration (No UI)Advanced Features and Special EffectsCustom ThemesAndroid
Android
Download PDF
Last updated: 2022-11-14 18:25:34
Android
Last updated: 2022-11-14 18:25:34
Download PDF
UGCKit is a set of encapsulated interactive UIs, which is the UGSV demo app's theme by default. With simple modifications, you can customize your own theme and replace the icons, text, and colors.

Customizing the recording theme

The recording UI contains the right icon toolbar, the bottom toolbar, music panel, beauty filter panel, and sound effect panel.

Image description


1. Declare a <style> in app/res/values/style.xml, specify its parent theme as RecordStyle, and change the theme to the target theme. You can find all available themes in app/ugckit/res/values.theme_style.xml.
Below is the sample code for replacing the music and beauty filter icons on the recording UI:
<style name="RecordActivityTheme" parent="RecordStyle">
 <item name="recordMusicIcon">@drawable/ic_music</item>
 <item name="recordBeautyIcon">@drawable/ic_beauty</item>
</style>
2. Declare the custom theme in AndroidManifest.xml:
<activity
 android:name="com.tencent.qcloud.xiaoshipin.videorecord.TCVideoRecordActivity"
 android:launchMode="singleTop"
 android:screenOrientation="portrait"
 android:theme="@style/RecordActivityTheme"
 android:windowSoftInputMode="adjustNothing" />

Customizing the editing theme

The editing UI contains the editing and clipping UI, animated effect, beauty filter, and special effect panel, and speed, filter, sticker, and bubble subtitles panels.

Image description


1. Declare a <style> in app/res/values/style.xml, specify its parent theme as EditerStyle, and change the theme to the target theme. You can find all available themes in app/ugckit/res/values.theme_style.xml.
2. Below is the sample code for replacing the playback and pause icons on the editing UI:
<style name="EditerActivityTheme" parent="EditerStyle">
 <item name="editorPlayIcon">@drawable/ic_play</item>
 <item name="editorPauseIcon">@drawable/ic_pause</item>
</style>
3. Declare the custom theme in AndroidManifest.xml:
<activity
 android:name=".videoeditor.TCVideoEffectActivity"
 android:screenOrientation="portrait"
 android:theme="@style/EditerActivityTheme" />

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 avaliable.

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