Фоны

Задайте фон на любом экране через панель Fill в разделе Screen settings. Доступно четыре типа фона: однотонный цвет, градиент, изображение или видео.

Изображение

Flow builder background image

Загрузите файл .JPG, .PNG, .GIF или .WEBP размером до 20 МБ. Изображение масштабируется и покрывает весь фон.

Фоновые изображения и видео занимают весь экран, включая области за вырезом камеры и системными панелями — даже если включена Safe area. Держите важный контент подальше от краёв, чтобы он не обрезался.

Чтобы менять фоновое изображение во время выполнения из кода приложения, включите custom media ID.

Видео

Flow builder background video

Загрузите файл .MP4 или .WEBM размером до 50 МБ. В превью отображается стоп-кадр, но на устройстве видео воспроизводится в реальном времени.

Включите Loop, чтобы видео воспроизводилось непрерывно по кругу.

Чтобы менять фоновое видео во время выполнения, включите custom media ID.

Однотонный цвет

Flow builder solid background

Введите hex-значение и задайте непрозрачность от 0 до 100%. Выберите сохранённый стиль цвета из палитры, чтобы применить фирменный цвет — фон автоматически адаптируется к светлой и тёмной темам.

Градиент

Flow builder gradient background

Создайте линейный градиент с несколькими точками:

  • Direction — поворачивайте градиент от 0 до 360°.
  • Stops — перетаскивайте по полосе для изменения позиции. Нажмите на точку, чтобы изменить её hex-значение и непрозрачность.
Configuring a gradient fill with multiple color stops