Arrière-plans

Définissez un arrière-plan sur n’importe quel écran via le panneau Fill dans Screen settings. Chaque couche du panneau correspond à une couleur unie, un dégradé, une image ou une vidéo — et un écran peut en superposer plusieurs, ce qui permet notamment d’appliquer une teinte à une image ou une 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

Entrez une valeur hexadécimale à six chiffres, par exemple #FFFFFF, et définissez l’opacité de 0 à 100 %. Une valeur abrégée bloque la publication. 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é

Arrière-plan dégradé dans le Flow Builder

Créez un dégradé linéaire multi-étapes :

  • Direction — faites pivoter le dégradé de 0 à 360°.
  • Stops — faites glisser sur la barre pour repositionner. Cliquez sur un stop pour modifier sa valeur hexadécimale à six chiffres et son opacité.
  • Opacity — le curseur sur la ligne du calque ajuste tous les stops simultanément, afin que le fondu entre eux reste intact.
Configuration d'un remplissage en dégradé avec plusieurs stops de couleur

Teinter un arrière-plan

Le texte superposé à une image ou une vidéo n’est lisible que là où le média en dessous est suffisamment sombre. Pour uniformiser cette surface, empilez une couche semi-transparente sur le média :

  1. Dans Screen settings, définissez la couche Fill sur votre image ou vidéo.
  2. Pour ajouter une deuxième couche, cliquez sur à côté de Fill. La nouvelle couche apparaît en haut de la liste et se superpose au média.
  3. Cliquez sur l’échantillon de couleur de la couche et sélectionnez Gradient . Pour assombrir uniquement le bord où se trouve votre texte, faites passer le dégradé d’un arrêt opaque sur ce bord à un arrêt transparent sur l’autre.
  4. Pour régler l’intensité de la teinte, faites glisser le curseur sur la ligne de la couche.

Faites glisser un calque pour le déplacer dans la pile, et cliquez sur pour le supprimer.

A gradient tint layer at 67% over an image layer in the Fill list