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 摘要進行共享,而不是僅依賴螢幕截圖或書面註釋。