背景

在任意屏幕的 Screen settings 下,通过 Fill 面板设置背景。可从四种背景类型中选择——纯色、渐变、图片或视频。

图片

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

输入十六进制色值,并将不透明度设置为 0 到 100%。从色板中选取已保存的颜色样式来应用品牌色——背景会自动跟随浅色和深色主题切换。

渐变

Flow builder gradient background

构建多色标线性渐变:

  • Direction — 将渐变旋转 0 到 360°。
  • Stops — 沿色条拖动以调整位置。点击色标可编辑其十六进制颜色值和不透明度。
Configuring a gradient fill with multiple color stops