Interface IImageParams

IImageParams Интерфейс параметров изображения для настройки отображения в различных платформах.

Особенности:

Поддерживает настройку стилей текста
Позволяет задавать цвета и отступы
Контролирует количество строк текста
Расширяется дополнительными параметрами

Example

// Базовые параметры
const params: IImageParams = {
    titleTypeface: 'headline2',
    titleText_color: 'default',
    descTypeface: 'body3',
    descText_color: 'secondary'
};

// Расширенные параметры
const extendedParams: IImageParams = {
    titleTypeface: 'headline2',
    titleText_color: 'default',
    titleMargins: { top: '4x', left: '8x', right: '8x' },
    titleMax_lines: 2,
    descTypeface: 'body3',
    descText_color: 'secondary',
    descMargins: { top: '2x', left: '8x', right: '8x' },
    descMax_lines: 3,
    customParam: 'value'
};

interface IImageParams {
    descMargins?: ISberSmartAppCardPadding;
    descMax_lines?: number;
    descText_color?: TSberSmartAppTextColor;
    descTypeface?: TSberSmartAppTypeface;
    titleMargins?: ISberSmartAppCardPadding;
    titleMax_lines?: number;
    titleText_color?: TSberSmartAppTextColor;
    titleTypeface?: TSberSmartAppTypeface;
    [name: string]: any;
}

Indexable

[name: string]: any

Дополнительные параметры изображения. Позволяет расширять интерфейс специфичными параметрами.

Example

// Добавление пользовательских параметров
const params: IImageParams = {
    titleTypeface: 'headline2',
    customWidth: '100%',
    customHeight: '200px',
    customStyle: { borderRadius: '8px' }
};

Index

Properties

descMargins? descMax_lines? descText_color? descTypeface? titleMargins? titleMax_lines? titleText_color? titleTypeface?

Properties

`Optional`descMargins

descMargins?: ISberSmartAppCardPadding

Отступы для нижнего текста (описания). Определяет пространство вокруг описания.

Example

descMargins: {
    top: '2x',
    left: '8x',
    right: '8x'
}

`Optional`descMax_lines

descMax_lines?: number

Максимальное количество строк для нижнего текста. Ограничивает высоту описания.

Example

descMax_lines: 3 // Описание в три строки
descMax_lines: 2 // Описание в две строки

`Optional`descText_color

descText_color?: TSberSmartAppTextColor

Цвет нижнего текста (описания). Определяет цветовое оформление описания.

Example

descText_color: 'secondary' // Вторичный цвет
descText_color: 'default'   // Основной цвет
descText_color: 'brand'     // Цвет бренда

`Optional`descTypeface

descTypeface?: TSberSmartAppTypeface

Стиль нижнего текста (описания). Определяет типографику для описания изображения.

Example

descTypeface: 'body3'    // Мелкий текст
descTypeface: 'footnote1' // Сноска
descTypeface: 'body1'    // Обычный текст

`Optional`titleMargins

titleMargins?: ISberSmartAppCardPadding

Отступы для верхнего текста (заголовка). Определяет пространство вокруг заголовка.

Example

titleMargins: {
    top: '4x',
    left: '8x',
    right: '8x'
}

`Optional`titleMax_lines

titleMax_lines?: number

Максимальное количество строк для верхнего текста. Ограничивает высоту заголовка.

Example

titleMax_lines: 2 // Заголовок в две строки
titleMax_lines: 1 // Однострочный заголовок

`Optional`titleText_color

titleText_color?: TSberSmartAppTextColor

Цвет верхнего текста (заголовка). Определяет цветовое оформление заголовка.

Example

titleText_color: 'default'   // Основной цвет
titleText_color: 'secondary' // Вторичный цвет
titleText_color: 'brand'     // Цвет бренда

`Optional`titleTypeface

titleTypeface?: TSberSmartAppTypeface

Стиль верхнего текста (заголовка). Определяет типографику для заголовка изображения.

Example

titleTypeface: 'headline2' // Основной заголовок
titleTypeface: 'title1'    // Крупный заголовок
titleTypeface: 'body1'     // Обычный текст

Interface IImageParams

Example

Indexable

Example

Index

Properties

Properties

`Optional`descMargins

Example

`Optional`descMax_lines

Example

`Optional`descText_color

Example

`Optional`descTypeface

Example

`Optional`titleMargins

Example

`Optional`titleMax_lines

Example

`Optional`titleText_color

Example

`Optional`titleTypeface

Example

Settings

On This Page

Interface IImageParams

Example

Indexable

Example

Index

Properties

Properties

OptionaldescMargins

Example

OptionaldescMax_lines

Example

OptionaldescText_color

Example

OptionaldescTypeface

Example

OptionaltitleMargins

Example

OptionaltitleMax_lines

Example

OptionaltitleText_color

Example

OptionaltitleTypeface

Example

Settings

On This Page

`Optional`descMargins

`Optional`descMax_lines

`Optional`descText_color

`Optional`descTypeface

`Optional`titleMargins

`Optional`titleMax_lines

`Optional`titleText_color

`Optional`titleTypeface