Наборы изменяемых свойств кастомизируемых элементов

В этом разделе:

Класс CPViewStyle
Класс CPIconButtonStyle
Класс CPTitleButtonStyle
Класс CPLabelStyle
Класс CPTextFieldStyle
Класс CPTextSwitchStyle
Класс CPSwitchStyle
Класс CPCheckBoxStyle
Класс CPActionSheetStyle
Класс CPNavigationControllerStyle
Класс CPBottomSheetStyle
Класс CPTableViewCellStyle
Класс QRCameraVC
Класс CPQRCameraPreviewStyle

Класс CPViewStyle

Позволяет настроить следующий набор общих свойств:

var backgroundColor: CPControlColor – цвет фона элемента.
var cornerRadius: CPCornerRadius? – степень скругления краев элемента.
var borderWidth: CGFloat = 0 – толщина обводки элемента.
var borderColor: CPControlColor? – цвет обводки элемента, может быть настроен для различных состояний элемента при их наличии.
var tintColor: CPControlColor? - набор цветов, аналогичных параметру tintColor в UIView, который может быть настроен для различных состояний элемента при их наличии.
var alpha: CPControlFloatValue – степень прозрачности элемента, которая может быть настроена для различных состояний элемента при их наличии.

Стиль CPControlColor предоставляет набор цветов для различных состояний элемента (при наличии, например у текстового поля), а именно: normal, success, warning, error. Каждое состояние в свою очередь предоставляет состояния CPControlStateValue – аналогично, как у UIControl (normal, selected, highlighted, disabled)

Стиль CPControlFloatValue предоставляет возможность изменения степени прозрачности элемента и имеет состояния normal, success, warning, error. Каждое состояние в свою очередь предоставляет состояния CPControlStateValue – аналогично, как у UIControl (normal, selected, highlighted, disabled).

Класс CPIconButtonStyle

Позволяет настроить дополнительное свойство кнопок на пинпаде с изображением (например, удаления\биометрии):

var innerInsets: UIEdgeInsets – отвечает за внутренние отступы от текста кнопки.

Класс CPTitleButtonStyle

Позволяет настроить дополнительные свойства цифровых кнопок на пинпаде:

var title: CPLabelStyle – отвечает за стиль заголовка кнопки при помощи набора свойств CPLabelStyle;
var innerInsets: UIEdgeInsets – отвечает за внутренние отступы от текста кнопки.

Класс CPLabelStyle

Позволяет настроить следующий набор свойств (как правило, некоторого текстового элемента, даже если тот находится на кнопке):

var textColor: CPControlColor – цвет текста, может быть настроен для различных состояний элемента при их наличии.
var font: UIFont? – шрифт текста.
var insets: UIEdgeInsets - отступы от текста.
var backgroundColor: CPControlColor? – цвет фона, может быть настроен для различных состояний элемента при их наличии.
var cornerRadius: CPCornerRadius? - степень скругления краев объекта, может быть настроена для различных состояний элемента при их наличии.
var borderWidth: CGFloat – толщина обводки объекта
var borderColor: CPControlColor? – цвет обводки объекта, может быть настроен для различных состояний элемента при их наличии.
var textAlignment: NSTextAlignment? – выравнивание текста относительно объекта.

Класс CPTextFieldStyle

Позволяет настроить следующий набор свойств текстового поля, используемый при настройке, например, паролей в поле ввода.

var backStyle: CPTextFieldFillStateValue<CPViewStyle> - стиль фонового объекта текстового поля
var textFieldStyle: CPTextFieldFillStateValue<CPViewStyle> - стиль самого текстового поля
var description: CPTextFieldFillStateValue<CPLabelStyle> - стиль пояснения под текстовым полем
var titleStyle: CPTextFieldFillStateValue<CPLabelStyle> - стиль пояснения над текстовым полем
var textColor: CPTextFieldFillStateValue<CPControlColor> - цвет текста
var placeholderColor: CPTextFieldFillStateValue<CPControlColor> - цвет текст пустого текстового поля
var textFont: UIFont? – шрифт текстового поля

CPTextFieldFillStateValue – набор цветов для различных состояний текстого поля, а именно: empty, emptyActive, filled, filledActive. Каждое состояние имеет набор параметров для изменения стиля CPViewStyle, описанный ранее.

Класс CPTextSwitchStyle

Позволяет настроить общие свойства переключателя и сопровождающего текста.

var ``switch``: CPSwitchStyle -
var title: CPLabelStyle

Класс CPSwitchStyle

Позволяет настроить специальный набор свойств переключателя.

var tintColor: CPControlColor – цвет фона переключателя в выкл. состоянии
var onTintColor: CPControlColor - цвет фона переключателя в вкл. состоянии
var thumbTintColor: CPControlColor - цвет самого переключателя
var alpha: CPControlFloatValue - прозрачность переключателя в зависимости от состояния

Класс CPCheckBoxStyle

Позволяет настроить следующий набор свойств чекбокса.

var cornerRadius: CPCheckBoxStateValue<CPCornerRadius> - скругление границы чекбокса в зависимости от выбранного состояния
var borderWidth: CPCheckBoxStateValue<CGFloat>?- ширина границы чекбокса в зависимости от выбранного состояния
var lineWidth: CPCheckBoxStateValue<CGFloat> - ширина "галочки" в чекбоксе в зависимости от выбранного состояния
var checkmarkSize: CPCheckBoxStateValue<CGFloat>- высота "галочки" в чекбоксе в зависимости от выбранного состояния
var backgroundColor: CPCheckBoxStateValue<CPControlColor>- цвет фона чекбокса в зависимости от выбранного состояния
var borderColor: CPCheckBoxStateValue<CPControlColor>?- цвет границы чекбокса в зависимости от выбранного состояния
var tintColor: CPCheckBoxStateValue<CPControlColor>- набор цветов, аналогичных параметру tintColor в UIView, который может быть настроен для различных состояний элемента.
var alpha: CPCheckBoxStateValue<CPControlFloatValue>?- прозрачность чекбокса в зависимости от выбранного состояния

CPCheckBoxStateValue содержит два состояния:

checked;
unchecked.

Класс CPActionSheetStyle

Позволяет настроить свойства всплывающего окна (поп-ап).

var title: CPLabelStyle – стиль заголовка всплывающего окна
var descr: CPLabelStyle - стиль пояснительного текста
var content: CPViewStyle – стиль подложки контента
var contentInsets: UIEdgeInsets – стиль отступов контента
var backInsets: UIEdgeInsets – стиль отступов всплывающего окна
var primaryButton: CPTitleButtonStyle – стиль соответствующей кнопки при наличии
var secondaryButton: CPTitleButtonStyle – стиль соответствующей кнопки при наличии
var trietyButton: CPTitleButtonStyle – стиль соответствующей кнопки при наличии
var back: CPViewStyle - стиль объекта вокруг всплывающего окна
var separator: CPViewStyle – зарезервировано (разделительная линия, в SDK не используется)

Класс CPNavigationControllerStyle

Позволяет настроить заголовок окна с элементами навигации:

var navBarTint: CPControlColor – можно изменить цвет картинок в навигации.

Примечание

Изображения для окна с элементами навигации должны быть сохранены в перечне картинок с опцией Render As: Template Image.

Класс CPBottomSheetStyle

Позволяет настроить "нижнюю шторку".

var back: CPViewStyle - стиль вокруг окна (например, затемнение)
var content: CPViewStyle – стиль окна с информацией
var pill: CPViewStyle - стиль "таблетки" для перетаскивания шторки
var contentInsets: UIEdgeInsets - внутренние отступы до содержимого

Класс CPTableViewCellStyle

Позволяет настроить ячейку таблицы (плашку операции).

var backInsets: UIEdgeInsets – отвечает за отступы от краев “экрана”.
var contentInsets: UIEdgeInsets – отвечает за отступы контента от начала ячейки.

Класс QRCameraVC

Позволяет настроить элементы окна сканирования QR-кода.

var preview: CPQRCameraPreviewStyle - стиль области сканирования QR-кода.
var galeryButton: CPTitleButtonStyle – стиль кнопки выбора из галереи.
var title: CPLabelStyle – стиль заголовка на данном экране.

Класс CPQRCameraPreviewStyle

Позволяет настроить свойства области сканирования QR-кода.

public var cornerRadius: CGFloat- – степень скругления краев элемента.
public var borderWidth: CGFloat – толщина обводки элемента.
public var borderColor: UIColor - цвет обводки элемента
public var fillColor: UIColor - цвет заполнения вокруг области сканирования