Axure RP 作為一款強大的原型設計工具，其高級組件——中繼器（Repeater），為設計師提供了模擬動態數據和復雜交互的能力，極大地提升了原型的真實感和交互深度。本教程將深入探討中繼器的核心概念、設置方法以及高級應用技巧。

一、中繼器基礎：是什么與為什么

中繼器本質上是一個數據集容器，可以存儲多行數據（類似于表格），并能根據這些數據動態生成重復的視覺元素。例如，你可以用它輕松創建商品列表、用戶評論墻、數據表格或任何需要重復結構但內容不同的模塊。其核心優勢在于：一次設計樣式，多處重復使用，且能通過交互動態更新數據，避免了手動復制粘貼的繁瑣和低效。

二、核心設置三步走

1. 數據結構定義：在右側面板的【中繼器】標簽頁，你可以看到一個默認的表格。通過添加列（如：image, name, price, description）并填入示例數據，來定義你的數據結構。每行數據將對應生成一個“項”。

1. 樣式設計：雙擊進入中繼器內部，設計單個項目的視覺樣式。例如，拖入一個矩形作為背景，一個圖片元件（用于顯示商品圖），幾個文本標簽（用于顯示名稱、價格等）。關鍵一步是：將這些元件與中繼器的數據列進行綁定。選中圖片元件，在右側【交互】面板的【中繼器】下，設置其默認圖片來源為“值”，然后在下拉菜單中選擇對應的列（如：image）。文本標簽同理，設置文本值為對應的數據列。

1. 交互與篩選：中繼器的強大之處在于其交互能力。你可以通過【添加排序】或【添加篩選】來組織數據的顯示。例如，可以創建一個按鈕，為其添加點擊事件，動作為【添加篩選】，設置規則為“price > 100”，即可實現按價格篩選。你還可以通過【更新行】動作來動態修改中繼器內的數據，模擬編輯操作。

三、高級應用技巧

• 分頁顯示：結合【每頁顯示項目數量】設置和【添加篩選】動作，可以實現分頁效果。創建“上一頁”、“下一頁”按鈕，通過改變篩選條件來切換顯示的數據范圍。
• 主從視圖聯動：這是中繼器的經典應用場景。例如，一個中繼器顯示商品列表（主視圖），點擊某個商品項時，通過【設置面板狀態】或【設置文本/圖片】動作，將該項的詳細數據（從中繼器當前行獲取數據）顯示在另一個詳情區域（從視圖）。
• 動態添加/刪除項：通過【添加行】和【刪除行】動作，可以模擬用戶新增或刪除一條數據記錄的效果，使原型具備CRUD（增刪改查）的交互模擬能力。
• 與內聯框架結合：當中繼器項需要展示復雜獨立頁面時（如點擊新聞標題彈出詳細文章），可以配合內聯框架使用，通過設置框架鏈接到對應的頁面。

四、實戰注意事項

• 數據驅動思維：設計中繼器時，始終思考“數據如何驅動視圖”。先規劃好數據結構，再設計單一樣式。
• 命名規范：為中繼器的列、元件以及交互事件設置清晰易懂的名稱，便于后期維護和團隊協作。
• 性能考量：當中繼器數據行非常多時（如上百行），可能會影響原型的運行流暢度。在演示時，可先用少量數據，或通過分頁來優化體驗。

掌握中繼器，意味著你的Axure原型設計能力邁上了一個新臺階。它不僅能展示靜態布局，更能生動地模擬出真實產品的數據流動和交互邏輯，讓設計評審、用戶測試和開發溝通都變得更加高效和準確。多加練習，從簡單的列表開始，逐步嘗試更復雜的聯動效果，你將成為原型設計的高手。