背景

Screen settingsFill パネルから、任意のスクリーンに背景を設定できます。単色、グラデーション、画像、動画の4種類の背景タイプから選べます。

画像

Flow builder background image

.JPG.PNG、または .WEBP ファイルを最大 20 MB までアップロードできます。画像は背景全体をカバーするようにスケーリングされます。

Note

背景画像や動画は、Safe area が有効な場合でも、ノッチやシステムバーの裏側を含むビューポート全体を覆います。端に近い部分がクリッピングされないよう、重要なコンテンツはエッジから離して配置してください。

アプリのコードから実行時に背景画像を切り替えるには、カスタムメディア ID を有効にしてください。

動画

Flow builder background video

.MP4 または .WEBM ファイルを最大 50 MB までアップロードできます。プレビューは静止フレームで表示されますが、実機では実行時に動画が再生されます。

Loop を切り替えると、動画を繰り返し再生できます。

実行時に背景動画を差し替えるには、カスタムメディア ID を有効にしてください。

単色

Flow builder solid background

16進数の値を入力し、不透明度を 0〜100% で設定します。スウォッチから保存済みのカラースタイルを選ぶと、ブランドカラーを適用できます — 背景はライトテーマとダークテーマに自動的に追従します。

グラデーション

Flow builder gradient background

複数のストップを持つ線形グラデーションを作成できます。

  • Direction — グラデーションの角度を 0〜360° で回転します。
  • Stops — バー上をドラッグして位置を調整します。ストップをクリックすると、16進数の値と不透明度を編集できます。
Configuring a gradient fill with multiple color stops