VESDK/Android/Features
Text Design
The TextDesign tool of the VideoEditor SDK for Android offers a automated text layouting engine.
A picture says more than a thousand words, however sometimes it still takes a few more. The robust text-design feature of the VideoEditor SDK provides a simple and automated creative text layouting engine to any picture.
The backend settings are implemented in the TextDesignLayerSettings
class and displayed using the TextDesignToolPanel
.
If you want to customize the appearance of this tool, take a look at the customization section.
TextDesign configuration#
settingsList.configure<UiConfigTextDesign> {it.setTextDesignList(TextDesignItem(TextDesignBlocks.ID,R.string.pesdk_textDesign_asset_blocks,ImageSource.create(R.drawable.imgly_icon_text_design_blocks)),TextDesignItem(TextDesignRotated.ID,R.string.pesdk_textDesign_asset_rotated,ImageSource.create(R.drawable.imgly_icon_text_design_rotated)),TextDesignItem(TextDesignBlocksLight.ID,R.string.pesdk_textDesign_asset_blocksLight,ImageSource.create(R.drawable.imgly_icon_text_design_blocks_light)),TextDesignItem(TextDesignEqualWidth.ID,R.string.pesdk_textDesign_asset_equalWidth,ImageSource.create(R.drawable.imgly_icon_text_design_equal_width)),TextDesignItem(TextDesignMasked.ID,R.string.pesdk_textDesign_asset_masked,ImageSource.create(R.drawable.imgly_icon_text_design_masked)),TextDesignItem(TextDesignCelebrate.ID,R.string.pesdk_textDesign_asset_celebrate,ImageSource.create(R.drawable.imgly_icon_text_design_celebrate)),TextDesignItem(TextDesignSunshine.ID,R.string.pesdk_textDesign_asset_sunshine,ImageSource.create(R.drawable.imgly_icon_text_design_sunshine)),TextDesignItem(TextDesignMaskedBadge.ID,R.string.pesdk_textDesign_asset_maskedBadge,ImageSource.create(R.drawable.imgly_icon_text_design_masked_badge)),TextDesignItem(TextDesignBlocksCondensed.ID,R.string.pesdk_textDesign_asset_blocksCondensed,ImageSource.create(R.drawable.imgly_icon_text_design_blocks_condensed)),TextDesignItem(TextDesignCelebrateSimple.ID,R.string.pesdk_textDesign_asset_celebrateSimple,ImageSource.create(R.drawable.imgly_icon_text_design_celebrate_simple)),TextDesignItem(TextDesignEqualWidthFat.ID,R.string.pesdk_textDesign_asset_equalWidthFat,ImageSource.create(R.drawable.imgly_icon_text_design_equal_width_fat)),TextDesignItem(TextDesignWatercolor.ID,R.string.pesdk_textDesign_asset_watercolor,ImageSource.create(R.drawable.imgly_icon_text_design_watercolor)),TextDesignItem(TextDesignParticles.ID,R.string.pesdk_textDesign_asset_particles,ImageSource.create(R.drawable.imgly_icon_text_design_particles)),TextDesignItem(TextDesignMaskedSpeechBubble.ID,R.string.pesdk_textDesign_asset_maskedSpeechBubble,ImageSource.create(R.drawable.imgly_icon_text_design_masked_speech_bubble)),TextDesignItem(TextDesignMaskedSpeechBubbleComic.ID,R.string.pesdk_textDesign_asset_maskedSpeechBubbleComic,ImageSource.create(R.drawable.imgly_icon_text_design_masked_speech_bubble_comic)),TextDesignItem(TextDesignMultiline.ID,R.string.pesdk_textDesign_asset_multiline,ImageSource.create(R.drawable.imgly_icon_text_design_multiline)))}
Initial Text Design#
To determine a specific Text Design Item as the initial Text Design on opening the feature add the following code example:
// Create TextDesignLayerSettings with some of the available Layouts ("TextDesign*()")TextDesignLayerSettings textDesignLayer = new TextDesignLayerSettings(new TextDesignBlocks());// Set a TexttextDesignLayer.setText("Tap here to edit your text");// Set a fixed seed, to have always the same TextDesign Layout, otherwise, the seed is taken randomly, so the layout will switch randomly.textDesignLayer.setSeed(12345L);// Add the Layer to your settingsListsettingsList.getSettingsModel(LayerListSettings.class).addLayer(textDesignLayer);
Previous
Text
Next
Transform