English 中文TürkçeРусскийFrançaisTiếng ViệtEspañol日本語

Изображения, видео и иконки

A flow screen with an image element on it

Flow & Paywall Builder включает три типа медиаэлементов в категории Media: Image, Video и Icon.

Tip

Чтобы изображение или видео занимало весь экран — включая области за вырезом камеры и индикатором «Домой» — расположите элемент как фиксированный с нулевыми отступами и выберите Ignore safe area. Подробнее см. в разделе Макет и позиционирование.

Изображение

Загрузите файл .JPG, .PNG или .WEBP размером до 20 МБ.

Анимированные GIF и WEBP не поддерживаются. Чтобы добавить движение, используйте элемент Видео.

  • Aspect — управляет тем, как изображение вписывается в контейнер:
    • Fit — масштабирует изображение так, чтобы оно помещалось внутри контейнера без обрезки.
    • Fill — растягивает изображение, заполняя контейнер.
    • Cover — масштабирует изображение так, чтобы покрыть контейнер, при необходимости обрезая его. По умолчанию.
  • Use custom media ID — см. Пользовательский медиа-ID ниже.

Видео

Загрузите файл .MP4 или .WEBM размером до 50 МБ и продолжительностью не более 30 секунд. Минимальное разрешение видео — 640x640 пикселей.

  • Aspect — Fit, Fill или Cover. По умолчанию — Fill.
  • Loop — непрерывное воспроизведение видео. Включено по умолчанию.
  • Use custom media ID — см. Кастомный медиа-ID ниже.

В превью редактора видео не воспроизводится — на холсте отображается стоп-кадр. На устройстве в рантайме видео по умолчанию воспроизводится без звука. При включённом Loop повторяется бесконечно.

Запустить действие по окончании видео

Основная статья: Действия

Элемент Video поддерживает триггер On playback finished, который срабатывает, когда видео заканчивается. Настройте его в панели Interactions, чтобы перейти на другой экран, показать CTA или выполнить любое другое действие.

Иконка

Выбор иконки из библиотеки Tabler Icons

Выбирайте иконки из встроенной библиотеки Tabler Icons — тысячи иконок в двух стилях:

  • Stroke — только контур.
  • Filled — сплошная заливка.

Ищите иконку по ключевому слову в пикере. Цвет иконки задаётся в пикере Color — выберите сохранённый стиль цвета или укажите произвольный.

Локализация медиа

Основная статья: Добавить локаль

Элементы изображений и видео могут содержать отдельный файл для каждой локали. Активируйте нужную локаль, выберите элемент и загрузите локализованный файл в панели свойств. Локали без собственного файла отображают файл локали по умолчанию.

Ограничения

Следующие элементы не поддерживают локализацию:

  • Иконки
  • Fill экрана или контейнера — это фон экрана и собственное фоновое изображение или видео контейнера, заданные в разделе Fill. Чтобы менять изображение или видео в зависимости от локали, добавьте его как отдельный элемент Image или Video — они поддерживают файлы для конкретной локали, как описано в разделе Локализация медиа.
  • Пользовательские медиа-идентификаторы

Пользовательский медиа-ID

Important

Вы также можете задать пользовательский медиа-ID для изображения и видео в качестве фона.

Присвойте элементу изображения или видео пользовательский медиа-ID, чтобы менять его в рантайме из кода приложения. Используйте это для персонализированных изображений — например, чтобы показывать выбранный пользователем аватар.

Медиафайл, загруженный в Flow & Paywall Builder, служит резервным вариантом. Если ваш код не предоставляет медиа для этого ID в рантайме, вместо него отображается резервный вариант.

Чтобы включить пользовательский медиа-ID для элемента «Изображение» или «Видео»:

  1. Установите флажок Use custom media ID под областью загрузки.
  2. Введите медиа-ID.
  3. Загрузите резервное изображение или видео.

В коде приложения получайте медиафайлы по их ID — см. Настройка ресурсов для SDK API.