Rive 工作流程指南

如何在线使用 Rive 动画查看器:预览“.riv”文件、测试状态机并检查运行时行为

了解如何在 ToolBuddy 中打开导出的 Rive `.riv` 文件、切换画板和动画、测试状态机输入、检查运行时事件以及准备更清晰的切换。

10 分钟阅读数 • 2026-06-19

简介

如果您的团队提供在 Rive 中构建的交互式运动,则您需要一种可靠的方法来在导出的运行时文件到达生产代码之前对其进行检查。这意味着超越简单的视觉预览,并检查画板、动画、状态机和输入如何协同工作。

ToolBuddy 的 Rive 动画查看器为您提供了一个基于浏览器的工作空间来完成该工作。它在本地打开导出的“.riv”文件,在隔离的运行时工作线程中运行预览,并使审查界面专注于运行时行为而不是编辑功能。

本指南将介绍典型的审核流程,以便您可以从文件加载转移到状态机测试和切换,而无需进行不必要的设置。

从导出的“.riv”运行时文件开始

从您的团队计划发送或验证的导出的 Rive 运行时文件开始。该查看器专为“.riv”输出而设计,而不是可编辑的“.rev”源项目文件或内部备份。

将“.riv”文件拖放到工具中或从文件选择器中选择它。查看器首先验证 RIVE binary 签名,然后在隔离的画布工作器内启动运行时预览,以便主页在启动期间保持响应。

  • 使用导出的“.riv”运行时文件。
  • 通过拖放或文件选择器加载它。
  • 等待运行时启动和预览初始化。

选择您需要查看的画板、动画或状态机

文件加载后,使用底部控件切换活动画板、动画或状态机。当同一导出包含多个 UI 状态、角色变体或运动系统时,这非常有用。

对于纯粹基于时间线的审查,请重点关注特定动画。对于交互验证,请移至相关状态机并保持运行时上下文面板可见,以便审阅者准确知道哪个选择处于活动状态。

  • 为您正在检查的表面选择正确的画板。
  • 当您需要剪辑级时序检查时切换动画。
  • 当您需要行为和输入验证时更改状态机。

使用播放、速度和布局控件检查演示文稿

播放控件可帮助您查看运动节奏、暂停和重复状态转换。当选择显示动画时间轴时,进度反馈会与活动剪辑保持同步,以便您可以更精确地检查时间。

布局设置(例如适合、对齐、比例、速度和画布背景)可以更轻松地模拟动画在产品中的位置。这些控件对于嵌入式 UI 审核、响应式放置检查和跨设备 QA 特别有用。

  • 调整速度以减慢或加快审阅速度。
  • 更改配合、对齐和比例以匹配目标表面。
  • 设置反映真实 UI 上下文的画布背景。

测试状态机输入并检查实时运行时行为

当您可以操作生产运行时将收到的相同输入时,交互式预览就变得很有价值。如果加载的状态机公开布尔值、数字或触发器,请直接在控制面板中使用它们来测试转换和边缘情况。

当您进行交互时,查看器可以显示状态时间线更改和运行时事件。这使得我们更容易理解当前状态是否按预期发生变化,或者输入是否产生了令人惊讶的转换路径。

  • 切换布尔值以查看条件状态。
  • 编辑数字以测试阈值或范围行为。
  • 触发触发器以验证事件驱动的转换。

使用切换模式和事件记录器进行审查就绪输出

当您想要向其他审阅者清晰地呈现预览时,请启用切换模式。这使最有用的运行时上下文保持可见,同时减少在反馈会话期间不太相关的低信号控制。

事件记录器是结构化审核的最后一步。使用它来捕获会话期间发生的情况,然后导出本地 JSON 摘要以用于工程后续、QA 注释或设计审查文档。

FAQ

读者在完成此工作流程后提出的常见后续问题。

我应该将什么类型的文件加载到 ToolBuddy 的 Rive 查看器中?

使用导出的 Rive 运行时“.riv”文件。该工具旨在用于运行时审查,而不是编辑源项目文件。

我可以在同一导出中的多个画板之间切换吗?

是的。如果导出的“.riv”文件包含多个画板,您可以在查看器控件中进行选择。

如何测试交互状态?

选择相关状态机,然后使用公开的布尔值、数字和触发器输入直接在预览内练习运行时行为。

我应该使用事件记录器做什么?

使用它来捕获运行时交互、状态更改和选择,以便您的评论可以作为结构化本地 JSON 摘要进行共享,而不是仅依赖于屏幕截图或书面注释。