Arrière-plans

Définissez un arrière-plan sur n’importe quel écran via le panneau Fill dans les Screen settings. Choisissez parmi quatre types d’arrière-plan : couleur unie, dégradé, image ou vidéo.

Image

Flow builder background image

Importez un fichier .JPG, .PNG ou .WEBP de 20 Mo maximum. L’image est mise à l’échelle pour couvrir l’intégralité de l’arrière-plan.

Note

Les images et vidéos d’arrière-plan remplissent tout le viewport, y compris les zones derrière l’encoche et les barres système — même lorsque Safe area est activée. Gardez le contenu important loin des bords pour éviter qu’il ne soit rogné.

Pour changer l’image d’arrière-plan à l’exécution depuis le code de votre application, activez un ID média personnalisé.

Vidéo

Flow builder background video

Importez un fichier .MP4 ou .WEBM de 50 Mo maximum. L’aperçu affiche une image fixe, mais la vidéo est lue sur l’appareil à l’exécution.

Activez Loop pour rejouer la vidéo en boucle.

Pour remplacer la vidéo d’arrière-plan à l’exécution, activez un identifiant de média personnalisé.

Couleur unie

Flow builder solid background

Saisissez une valeur hexadécimale et définissez l’opacité de 0 à 100 %. Choisissez un style de couleur enregistré dans la palette pour appliquer la couleur de votre marque — l’arrière-plan suit automatiquement vos thèmes clair et sombre.

Dégradé

Flow builder gradient background

Créez un dégradé linéaire à plusieurs arrêts :

  • Direction — faites pivoter le dégradé de 0 à 360°.
  • Stops — faites glisser le long de la barre pour repositionner. Cliquez sur un arrêt pour modifier sa valeur hexadécimale et son opacité.
Configuring a gradient fill with multiple color stops