图片、视频与图标
Flow Builder 在 Media 分类下提供三种媒体元素类型：图片（Image）、视频（Video）和图标（Icon）。
要让图片或视频覆盖整个屏幕（包括刘海和 Home 指示器后面的区域），请将其定位为固定位置，所有偏移量设为 0，并勾选 Ignore safe area。详见布局与定位。
图片
上传 .JPG、.PNG 或 .WEBP 格式的文件，大小不超过 20 MB。
不支持 GIF 和 WEBP 动图。如需添加动态效果，请改用 视频 元素。
- Aspect — 控制图片在容器中的适配方式：
- Fit — 缩放图片以完整显示在容器内，不裁剪。
- Fill — 拉伸图片以填满容器。
- Cover — 缩放图片以覆盖容器，必要时进行裁剪。默认选项。
- Use custom media ID — 详见下方 自定义媒体 ID。
视频
上传 .MP4 或 .WEBM 文件，大小不超过 50 MB，时长不超过 30 秒。视频最低分辨率为 640x640 像素。
- Aspect — Fit、Fill 或 Cover，默认为 Fill。
- Loop — 循环播放视频，默认开启。
- Use custom media ID — 请参阅下方的自定义媒体 ID。
视频在编辑器预览中不会播放——画布上仅显示静态帧。在设备上运行时，视频默认静音播放。开启 Loop 后，视频将无限循环。
视频播放结束时触发动作
主要文章：动作
视频元素支持 On playback finished 触发器，当视频播放到结尾时触发。在 Interactions 面板中进行设置，可跳转到其他页面、显示 CTA，或执行任何其他动作。
图标
从内置的 Tabler Icons 库中选取图标，提供两种视觉风格，图标数量丰富：
- Stroke — 仅描边轮廓。
- Filled — 实心填充。
在选择器中通过关键词搜索图标。在 Color 选择器中设置图标颜色——可选择已保存的颜色样式，也可自定义颜色。
本地化媒体资源
主要文章：添加语言区域
图片和视频元素可以为每个语言区域分别设置不同的文件。激活目标语言区域，选中对应元素，然后在属性面板中上传本地化文件。未设置专属文件的语言区域将显示默认语言区域的文件。
限制
以下内容无法进行本地化：
- 图标
- 屏幕背景
- 自定义媒体 ID
自定义媒体 ID
你也可以为图片和视频背景设置自定义媒体 ID。
为图片或视频元素添加自定义媒体 ID，即可在运行时通过应用代码动态替换内容。这适用于个性化视觉效果——例如，显示用户选择的头像。
你在 Flow Builder 中上传的媒体文件将作为备用内容。如果代码在运行时未为该 ID 提供媒体，则会显示备用内容。
要为图片或视频元素启用自定义媒体 ID：
- 勾选上传区域下方的 Use custom media ID 复选框。
- 输入媒体 ID。
- 上传备用图片或视频。
在应用代码中，通过 ID 获取媒体资源——SDK API 详见自定义素材。