umbot - v2.0.8
    Preparing search index...

    Interface IImageParams

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

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

    • Поддерживает настройку стилей текста
    • Позволяет задавать цвета и отступы
    • Контролирует количество строк текста
    • Расширяется дополнительными параметрами
    // Базовые параметры
    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 {
        titleTypeface?: TSberSmartAppTypeface;
        titleText_color?: TSberSmartAppTextColor;
        titleMargins?: ISberSmartAppCardPadding;
        titleMax_lines?: number;
        descTypeface?: TSberSmartAppTypeface;
        descText_color?: TSberSmartAppTextColor;
        descMargins?: ISberSmartAppCardPadding;
        descMax_lines?: number;
        [name: string]: any;
    }

    Indexable

    • [name: string]: any

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

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

    Properties

    titleTypeface?: TSberSmartAppTypeface

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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