Изображения, видео и иконки
Flow Builder включает три типа медиаэлементов в категории Media: Image, Video и Icon.
Чтобы изображение или видео занимало весь экран — включая области за вырезом камеры и индикатором домашнего экрана — расположите его как фиксированное с нулевыми отступами со всех сторон и выберите 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 — тысячи иконок в двух стилях:
- Stroke — только контур.
- Filled — сплошная заливка.
Ищите иконку по ключевому слову в пикере. Цвет иконки задаётся в пикере Color — выберите сохранённый стиль цвета или укажите произвольный.
Локализация медиа
Основная статья: Добавить локаль
Элементы изображений и видео могут содержать отдельный файл для каждой локали. Активируйте нужную локаль, выберите элемент и загрузите локализованный файл в панели свойств. Локали без собственного файла отображают файл локали по умолчанию.
Ограничения
Следующие элементы локализовать нельзя:
- Иконки
- Фоны экранов
- Пользовательские медиаидентификаторы
Пользовательский медиа-ID
Вы также можете задать пользовательский медиа-ID для фона в виде изображения или видео.
Присвойте элементу изображения или видео пользовательский медиа-ID, чтобы заменять его во время выполнения из кода приложения. Используйте это для персонализированных визуальных материалов — например, для отображения выбранного пользователем аватара.
Медиафайл, загруженный в Flow Builder, используется как резервный вариант. Если ваш код не предоставляет медиафайл для этого ID во время выполнения, вместо него отображается резервный вариант.
Чтобы включить пользовательский медиа-ID для элемента изображения или видео:
- Установите флажок Use custom media ID под областью загрузки.
- Введите медиа-ID.
- Загрузите резервное изображение или видео.
В коде приложения получайте медиафайлы по их ID — см. Настройка ресурсов для SDK API.