# Settings Toggle Flow: 设置页面动画

光标打开一个开关，从下拉框中选择主题，拖动音量滑块并点击保存，最后弹出已保存提示。 视频模板，可复制代码供 Claude 使用，或在 Subclip 中编辑。

Canonical URL: https://www.subclip.app/zh/motion-graphics-templates/remotion/settings-toggle-flow

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-settings-toggle-flow.mp4?v=a786adea42

双栏设置卡片，光标开启通知、选择主题、拖动滑块并保存。

- 框架: Remotion
- 类别: 界面
- 时长: 11 秒
- 纵横比: 16:9 横屏
- 代码: 获取代码（免费登录）：https://www.subclip.app/zh/motion-graphics-templates/remotion/settings-toggle-flow

"Notification settings"卡片淡入，各控件依次从模糊中显现。光标打开通知开关，展开主题下拉框并选择最后一项 Dark，然后拖动音量滑块，数值随之变化。它点击右下角的"Save settings"，按钮显示对勾，"Settings saved"提示出现并在稍后关闭。动画时长约十秒。

您可以调整播放速度和场景周围的背景，并在代码中编辑标签、选项和颜色。适用于 SaaS 产品导览、偏好设置功能演示、应用教程或设计系统展示。

## 适用场景

- SaaS 产品导览
- 偏好设置功能演示
- 应用教程
- 设计系统展示

## 可修改的内容

- `speed`: 播放速度 (数字)
- `stageBackground`: 场景周围的背景 (颜色)

## 如何使用此模板

1. 下载 Mac 或 Windows 的 Subclip。此页面上的每个模板均已预先安装。
2. 打开"模板"面板，选择 Settings Toggle Flow 并将其放在时间线上。
3. 更改图层设置中的文本、颜色和时间，或要求 AI 代理为您编辑。
4. 导出视频，或下载代码以在您自己的项目中使用该模板。

基于 remocn 的 Settings Toggle Flow 制作: https://remocn.dev