Фоны
Задайте фон любого экрана с помощью панели Fill в разделе Screen settings. Каждый слой в панели — это сплошной цвет, градиент, изображение или видео; экран может содержать несколько таких слоёв — именно так реализуется тонирование изображения или видео.
Изображение
Загрузите файл .JPG, .PNG или .WEBP размером до 20 МБ. Изображение масштабируется так, чтобы покрыть весь фон.
Фоновые изображения и видео заполняют весь вьюпорт, включая области за вырезом камеры и системными панелями — даже если включена Safe area. Держите важный контент подальше от краёв, чтобы он не обрезался.
Чтобы заменить фоновое изображение во время выполнения из кода приложения, включите пользовательский медиа-идентификатор.
Видео
Загрузите файл .MP4 или .WEBM размером до 50 МБ. В превью отображается стоп-кадр, но на устройстве видео воспроизводится в реальном времени.
Включите Loop, чтобы видео воспроизводилось непрерывно по кругу.
Чтобы менять фоновое видео во время выполнения, включите custom media ID.
Сплошной цвет
Введите шестизначное hex-значение, например #FFFFFF, и задайте прозрачность от 0 до 100%. Сокращённое значение блокирует публикацию. Выберите сохранённый цветовой стиль из палитры, чтобы применить фирменный цвет — фон автоматически адаптируется к светлой и тёмной темам.
Градиент
Создайте многоточечный линейный градиент:
- Direction — поворот градиента от 0 до 360°.
- Stops — перетащите точки по полосе, чтобы изменить их положение. Нажмите на точку, чтобы задать шестизначный hex-код и прозрачность.
- Opacity — ползунок в строке слоя масштабирует все точки одновременно, сохраняя плавность переходов между ними.
Затемнение фона
Текст поверх изображения или видео читается только там, где фон оказывается достаточно тёмным. Чтобы выровнять яркость по всей области, добавьте полупрозрачный слой поверх медиаконтента:
- В Screen settings установите для слоя Fill ваше изображение или видео.
- Чтобы добавить второй слой, нажмите рядом с Fill. Новый слой появится вверху списка и перекроет медиаконтент.
- Нажмите на образец цвета слоя и выберите Gradient . Чтобы затемнить только тот край, где расположен текст, задайте градиент от непрозрачного стопа у этого края до прозрачного у противоположного.
- Для настройки интенсивности оттенка перетащите ползунок в строке слоя.
Перетащите слой, чтобы изменить его положение в стеке, и нажмите , чтобы удалить его.
