Editor UI Customize

The content is currently unavailable in English. You are viewing the default Korean version.

Article summary

Did you find this summary helpful?

Thank you for your feedback

Editor UI Customize

ShopLiveShortformEditor.MediaPickerConfig

import ShopLiveShortformEditorSDK

ShopLiveShortformEditor.MediaPickerConfig.global.closeButtonIcon : UIImage
ShopLiveShortformEditor.MediaPickerConfig.global.cellCornerRadius : CGFloat = 6

ShopLiveShortformEditor.EditorMainConfig

import ShopLiveShortformEditorSDK

ShopLiveShortformEditor.EditorMainConfig.global.closeButtonIcon : UIImage
ShopLiveShortformEditor.EditorMainConfig.global.cellCornerRadius : CGFloat = 6
ShopLiveShortformEditor.EditorMainConfig.global.videoPlayerCornerRadius : CGFloat = 24
        
ShopLiveShortformEditor.EditorMainConfig.global.backButtonIcon : UIImage = ShopLiveShortformEditorSDKAsset.slBackArrow.image.withRenderingMode(.alwaysTemplate)
ShopLiveShortformEditor.EditorMainConfig.global.backButtonIconPadding : UIEdgeInsets = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)
ShopLiveShortformEditor.EditorMainConfig.global.backButtonIconTintColor : UIColor = .white
        
ShopLiveShortformEditor.EditorMainConfig.global.editingCloseButtonIcon : UIImage = ShopLiveShortformEditorSDKAsset.slCloseButton.image.withRenderingMode(.alwaysTemplate)
ShopLiveShortformEditor.EditorMainConfig.global.editingCloseButtonIconPadding : UIEdgeInsets = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)
ShopLiveShortformEditor.EditorMainConfig.global.editingCloseButtonIconTintColor : UIColor = .white
        
ShopLiveShortformEditor.EditorMainConfig.global.nextButtonTitle : String = ShopLiveShortformEditorSDKStrings.Editor.Main.Btn.Next.title
ShopLiveShortformEditor.EditorMainConfig.global.nextButtonCornerRadius : CGFloat = 20
        
ShopLiveShortformEditor.EditorMainConfig.global.videoSpeedButtonIcon : UIImage = ShopLiveShortformEditorSDKAsset.slIcSpeedometer.image.withRenderingMode(.alwaysTemplate)
ShopLiveShortformEditor.EditorMainConfig.global.videoSpeedButtonIconPadding : UIEdgeInsets = UIEdgeInsets(top: 7, left: 10, bottom: 13, right: 10)
ShopLiveShortformEditor.EditorMainConfig.global.videoSpeedButtonIconTintColor : UIColor = .white
        
ShopLiveShortformEditor.EditorMainConfig.global.videoSoundButtonIcon : UIImage = ShopLiveShortformEditorSDKAsset.slIcEditUnmute.image.withRenderingMode(.alwaysTemplate)
ShopLiveShortformEditor.EditorMainConfig.global.videoSoundButtonIconPadding : UIEdgeInsets = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)
ShopLiveShortformEditor.EditorMainConfig.global.videoSoundButtonIconTintColor : UIColor = .white
        
ShopLiveShortformEditor.EditorMainConfig.global.videoCropButtonIcon : UIImage = ShopLiveShortformEditorSDKAsset.slIcCrop.image.withRenderingMode(.alwaysTemplate)
ShopLiveShortformEditor.EditorMainConfig.global.videoCropButtonIconPadding : UIEdgeInsets =  UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)
ShopLiveShortformEditor.EditorMainConfig.global.videoCropButtonIconTintColor : UIColor = .white
        
ShopLiveShortformEditor.EditorMainConfig.global.videoFilterButtonIcon : UIImage = ShopLiveShortformEditorSDKAsset.slIcFilter.image.withRenderingMode(.alwaysTemplate)
ShopLiveShortformEditor.EditorMainConfig.global.videoFilterButtonIconPadding : UIEdgeInsets = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)
ShopLiveShortformEditor.EditorMainConfig.global.videofilterButtonIconTintColor : UIColor = .white
        
ShopLiveShortformEditor.EditorMainConfig.global.sliderIndicatorCornerRadius : CGFloat = 2
        
        
ShopLiveShortformEditor.EditorMainConfig.global.cancelPopupCornerRadius : CGFloat = 16
ShopLiveShortformEditor.EditorMainConfig.global.cancelPopupButtonCornerRadius : CGFloat = 10
ShopLiveShortformEditor.EditorMainConfig.global.cancelPopupCloseButtonBackgroundColor : UIColor = .white
ShopLiveShortformEditor.EditorMainConfig.global.cancelPopupCloseButtonTextColor : UIColor = .black
ShopLiveShortformEditor.EditorMainConfig.global.cancelPopupConfirmButtonBackgroundColor : UIColor = .init(red: 51, green: 51, blue: 51)
ShopLiveShortformEditor.EditorMainConfig.global.cancelPopupConfirmButtonTextColor : UIColor = .white

ShopLiveShortformEditor.EditorVolumeConfig

import ShopLiveShortformEditorSDK

ShopLiveShortformEditor.EditorVolumeConfig.global.closeButtonIcon : UIImage
ShopLiveShortformEditor.EditorVolumeConfig.global.playButtonIcon : UIImage = ShopLiveShortformEditorSDKAsset.slIcPlay.image.withRenderingMode(.alwaysTemplate)
ShopLiveShortformEditor.EditorVolumeConfig.global.playButtonIconPadding : UIEdgeInsets = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)
ShopLiveShortformEditor.EditorVolumeConfig.global.playButtonIconTintColor : UIColor = .white
        
ShopLiveShortformEditor.EditorVolumeConfig.global.pauseButtonIcon : UIImage = ShopLiveShortformEditorSDKAsset.slIcPause.image.withRenderingMode(.alwaysTemplate)
ShopLiveShortformEditor.EditorVolumeConfig.global.pauseButtonIconPadding : UIEdgeInsets = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)
ShopLiveShortformEditor.EditorVolumeConfig.global.pauseButtonIconTintColor : UIColor = .white
        
ShopLiveShortformEditor.EditorVolumeConfig.global.confirmButtonCornerRadius : CGFloat = 20
ShopLiveShortformEditor.EditorVolumeConfig.global.confirmButtonBackgroundColor : UIColor = .white
ShopLiveShortformEditor.EditorVolumeConfig.global.confirmButtonTextColor : UIColor =  .black
        
ShopLiveShortformEditor.EditorVolumeConfig.global.sliderThumbViewColor : UIColor = .white
ShopLiveShortformEditor.EditorVolumeConfig.global.sliderCornerRaidus : CGFloat = 24

ShopLiveShortformEditor.EditorSpeedConfig

import ShopLiveShortformEditorSDK

ShopLiveShortformEditor.EditorSpeedConfig.global.closeButtonIcon : UIImage
ShopLiveShortformEditor.EditorSpeedConfig.global.playButtonIcon : UIImage = ShopLiveShortformEditorSDKAsset.slIcPlay.image.withRenderingMode(.alwaysTemplate)
ShopLiveShortformEditor.EditorSpeedConfig.global.playButtonIconPadding : UIEdgeInsets = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)
ShopLiveShortformEditor.EditorSpeedConfig.global.playButtonIconTintColor : UIColor = .white
        
ShopLiveShortformEditor.EditorSpeedConfig.global.pauseButtonIcon : UIImage = ShopLiveShortformEditorSDKAsset.slIcPause.image.withRenderingMode(.alwaysTemplate)
ShopLiveShortformEditor.EditorSpeedConfig.global.pauseButtonIconPadding : UIEdgeInsets = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)
ShopLiveShortformEditor.EditorSpeedConfig.global.pauseButtonIconTintColor : UIColor = .white
        
ShopLiveShortformEditor.EditorSpeedConfig.global.confirmButtonCornerRadius : CGFloat = 20
ShopLiveShortformEditor.EditorSpeedConfig.global.confirmButtonBackgroundColor : UIColor = .white
ShopLiveShortformEditor.EditorSpeedConfig.global.confirmButtonTextColor : UIColor =  .black
        
ShopLiveShortformEditor.EditorSpeedConfig.global.sliderThumbViewColor : UIColor = .white
ShopLiveShortformEditor.EditorSpeedConfig.global.sliderCornerRaidus : CGFloat = 24

ShopLiveShortformEditor.EditorFilterConfig

import ShopLiveShortformEditorSDK

ShopLiveShortformEditor.EditorFilterConfig.global.closeButtonIcon : UIImage
ShopLiveShortformEditor.EditorFilterConfig.global.playButtonIcon : UIImage = ShopLiveShortformEditorSDKAsset.slIcPlay.image.withRenderingMode(.alwaysTemplate)
ShopLiveShortformEditor.EditorFilterConfig.global.playButtonIconPadding : UIEdgeInsets = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)
ShopLiveShortformEditor.EditorFilterConfig.global.playButtonIconTintColor : UIColor = .white
        
ShopLiveShortformEditor.EditorFilterConfig.global.pauseButtonIcon : UIImage = ShopLiveShortformEditorSDKAsset.slIcPause.image.withRenderingMode(.alwaysTemplate)
ShopLiveShortformEditor.EditorFilterConfig.global.pauseButtonIconPadding : UIEdgeInsets = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)
ShopLiveShortformEditor.EditorFilterConfig.global.pauseButtonIconTintColor : UIColor = .white
        
ShopLiveShortformEditor.EditorFilterConfig.global.confirmButtonCornerRadius : CGFloat = 20
ShopLiveShortformEditor.EditorFilterConfig.global.confirmButtonBackgroundColor : UIColor = .white
ShopLiveShortformEditor.EditorFilterConfig.global.confirmButtonTextColor : UIColor =  .black
        
ShopLiveShortformEditor.EditorFilterConfig.global.sliderThumbViewColor : UIColor = .white
ShopLiveShortformEditor.EditorFilterConfig.global.sliderCornerRaidus : CGFloat = 24

ShopLiveShortformEditor.EditorFilterConfig.global.filterCellCornerRadius : CGFloat = 12
ShopLiveShortformEditor.EditorFilterConfig.global.selectedCellBorderColor : UIColor = .white

ShopLiveShortformEditor.EditorCropConfig

import ShopLiveShortformEditorSDK

ShopLiveShortformEditor.EditorCropConfig.global.closeButtonIcon : UIImage
ShopLiveShortformEditor.EditorCropConfig.global.playButtonIcon : UIImage = ShopLiveShortformEditorSDKAsset.slIcPlay.image.withRenderingMode(.alwaysTemplate)
ShopLiveShortformEditor.EditorCropConfig.global.playButtonIconPadding : UIEdgeInsets = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)
ShopLiveShortformEditor.EditorCropConfig.global.playButtonIconTintColor : UIColor = .white
        
ShopLiveShortformEditor.EditorCropConfig.global.pauseButtonIcon : UIImage = ShopLiveShortformEditorSDKAsset.slIcPause.image.withRenderingMode(.alwaysTemplate)
ShopLiveShortformEditor.EditorCropConfig.global.pauseButtonIconPadding : UIEdgeInsets = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)
ShopLiveShortformEditor.EditorCropConfig.global.pauseButtonIconTintColor : UIColor = .white
        
ShopLiveShortformEditor.EditorCropConfig.global.confirmButtonCornerRadius : CGFloat = 20
ShopLiveShortformEditor.EditorCropConfig.global.confirmButtonBackgroundColor : UIColor = .white
ShopLiveShortformEditor.EditorCropConfig.global.confirmButtonTextColor : UIColor =  .black

ShopLiveShortformEditor.EditorCoverPickerConfig

import ShopLiveShortformEditorSDK

ShopLiveShortformEditor.EditorCropConfig.global.closeButtonIcon : UIImage
ShopLiveShortformEditor.EditorCropConfig.global.confirmButtonTitle : String = ShopLiveShortformEditorSDKStrings.Editor.Thumbnail.Btn.Confirm.title
ShopLiveShortformEditor.EditorCropConfig.global.confirmButtonBackgroundColor : UIColor = .white
ShopLiveShortformEditor.EditorCropConfig.global.confirmButtonTextColor : UIColor = .black
ShopLiveShortformEditor.EditorCropConfig.global.confirmButtonCornerRadius : CGFloat = 20
        
ShopLiveShortformEditor.EditorCropConfig.global.thumbnailSliderCornerRadius : CGFloat = 8
ShopLiveShortformEditor.EditorCropConfig.global.thumbnailSliderThumbViewBorderColor : UIColor = .white
        
ShopLiveShortformEditor.EditorCropConfig.global.cameraRollButtonBackgroundColor : UIColor = .white
ShopLiveShortformEditor.EditorCropConfig.global.cameraRollButtonTextColor : UIColor = .black
ShopLiveShortformEditor.EditorCropConfig.global.cameraRollButtonCornerRadius : CGFloat = 22

What's Next

API: Common

Table of contents

Editor UI Customize