Fondos
Configura un fondo en cualquier pantalla desde el panel Fill en Screen settings. Cada capa del panel puede ser un color sólido, degradado, imagen o vídeo, y una pantalla puede combinar varias capas — así es como se añade un tinte a una imagen o vídeo.
Imagen
Sube un archivo .JPG, .PNG o .WEBP de hasta 20 MB. La imagen se escala para cubrir todo el fondo.
Las imágenes y vídeos de fondo ocupan todo el viewport, incluidas las áreas detrás del notch y las barras del sistema, incluso cuando Safe area está activado. Mantén el contenido importante alejado de los bordes para evitar que se recorte.
Para cambiar la imagen de fondo en tiempo de ejecución desde el código de tu app, activa un ID de medio personalizado.
Vídeo
Sube un archivo .MP4 o .WEBM de hasta 50 MB. La vista previa muestra un fotograma estático, pero el vídeo se reproduce en el dispositivo en tiempo de ejecución.
Activa Loop para reproducir el vídeo en bucle de forma continua.
Para cambiar el vídeo de fondo en tiempo de ejecución, activa un ID de media personalizado.
Color sólido
Introduce un valor hexadecimal de seis dígitos, como #FFFFFF, y ajusta la opacidad del 0 al 100%. Un valor abreviado impide la publicación. Elige un estilo de color guardado desde la paleta para aplicar el color de tu marca: el fondo se adapta automáticamente a tus temas claro y oscuro.
Gradiente
Crea un gradiente lineal con múltiples paradas:
- Direction — rota el gradiente de 0 a 360°.
- Stops — arrastra a lo largo de la barra para reposicionar. Haz clic en una parada para editar su valor hexadecimal de seis dígitos y su opacidad.
- Opacity — el control deslizante en la fila de la capa escala todas las paradas a la vez, para que el fundido entre ellas se mantenga intacto.
Colorear un fondo
El texto colocado sobre una imagen o vídeo solo se lee bien donde el contenido multimedia detrás es suficientemente oscuro. Para uniformar esa superficie, apila una capa semitransparente sobre el contenido multimedia:
- En Screen settings, establece la capa Fill con tu imagen o vídeo.
- Para añadir una segunda capa, haz clic en junto a Fill. La nueva capa aparece en la parte superior de la lista y se pinta sobre el contenido multimedia.
- Haz clic en la muestra de color de la capa y selecciona Gradient . Para oscurecer solo el borde donde está el texto, traza el degradado desde un punto opaco en ese borde hasta un punto transparente en el otro extremo.
- Para ajustar la intensidad del tinte, arrastra el control deslizante en la fila de la capa.
Arrastra una capa para moverla en la pila y haz clic en para eliminarla.
