Flow Builder 在 Media 分类下提供三种媒体元素类型：Image（图片）、Video（视频）和 Icon（图标）。

图片

上传 .JPG、.PNG 或 .GIF 文件，大小不超过 20 MB。

• Aspect — 控制图片在容器中的适配方式：
  • Fit — 缩放图片以适应容器，不裁剪。
  • Fill — 拉伸图片以填满容器。
  • Cover — 缩放图片以覆盖容器，必要时进行裁剪。默认选项。
• Use custom media ID — 参见下方自定义媒体 ID。

视频

上传最大 50 MB 的 .MP4 或 .WEBM 文件。

• Aspect — Fit、Fill 或 Cover，默认为 Fill。
• Loop — 循环播放视频，默认开启。
• Use custom media ID — 详见下方 自定义媒体 ID。

视频在编辑器预览中不会播放——画布仅显示静止帧。在设备运行时，视频默认静音播放。开启 Loop 后，视频将无限循环。

图标

从内置的 Tabler Icons 库中选取图标，提供两种视觉风格，图标数量丰富：

• Stroke — 仅描边轮廓。
• Filled — 实心填充。

在选择器中通过关键词搜索图标。在 Color 选择器中设置图标颜色——可选择已保存的颜色样式，也可自定义颜色。

自定义媒体 ID

为图片或视频元素添加自定义媒体 ID，即可在运行时通过应用代码动态替换内容。这适用于个性化视觉效果——例如，显示用户选择的头像。

你在 Flow Builder 中上传的媒体文件将作为备用内容。如果代码在运行时未为该 ID 提供媒体，则会显示备用内容。

要为图片或视频元素启用自定义媒体 ID：

1. 勾选上传区域下方的 Use custom media ID 复选框。
2. 输入媒体 ID。
3. 上传备用图片或视频。

在应用代码中，通过 ID 获取媒体资源——SDK API 详见自定义素材。