在Axure RP中,中继器(Repeater)是一个强大的动态面板组件,可用于模拟数据列表的交互,而无需依赖真实后台。本文将基于一个简单的案例,逐步讲解如何利用中继器实现商品的“新增”与“删除”操作。\n\n## 准备工作\n1. 创建中继器:从组件库中拖拽一个“中继器”到画布上。默认中继器包含一行数据及表头,双击进入编辑模式,调整为带字段的结构(如“商品名称”、“价格”、“数量”、“操作”列)。\n2. 添加字段变量:点击中继器,在右侧的“属性” -> “中继器数据”中添加示例字段:itemName、price、quantity,并填写几行模拟数据。\n\n## 新增商品功能实现\n思路是通过输入框收集数据,点击按钮后将内容添加为中继器的新行。\n1. 设计输入区域:在中继器外部放置文本输入框(如:商品名称输入框、价格输入框、数量输入框)以及一个“添加”按钮,并将按钮命名为“btnAdd”。\n2. 编写交互:为“添加”按钮配置点击事件——在弹出的交互面板中引入“添加行”动作:选择目标中继器,输入新添加行数据的变量映射(例如:局域变量代入该行的 itemName、price、quantity)并设为输入框对应的文本内容。