在Axure中,中继器(Repeater)是一种强大的组件,用于动态生成列表或表格,并允许用户与列表中的每个项进行交互。以下是如何在Axure中使用中继器的基本步骤:
1. 创建中继器
在Axure画布上拖入一个中继器组件。
2. 设置中继器内部部件
双击中继器进入其内部界面。
根据需要添加或删除部件,例如矩形、文本标签、图片等。
为每个部件命名,以便在动作中找到它们。
3. 设置数据集(Dataset)
在中继器编辑界面的下方,设置数据集,定义要显示的数据结构。
添加列(Column),如ID、姓名、职位等,并指定列名必须为英文。
可添加默认显示的数据。
4. 设置中继器动作(Item Interactions)
设置文本部件值- 使用“Set Text”动作在“OnItemLoad”事件中设置文本部件的值。
修改行- 为修改按钮添加“更新行”事件,中继器会自动匹配按钮所在的行并更新数据。
删除行- 为删除按钮添加“删除行”事件,中继器会自动删除对应的行数据。
标记行- 在中继器内的部件前添加复选框,为复选框添加事件,使用“标记行”和“取消标记”动作来标记或取消标记行。
批量删除- 创建一个按钮,为其添加“删除行”事件,选择删除“已标记”的行,实现批量删除功能。
5. 排序
可以通过中继器的动作设置对行进行排序。
6. 动态交互
利用中继器的“每项加载时”动作,可以在列表项加载时自动填充数据。
可以为列表项添加拖拽移动、编辑、增删改等交互效果。
7. 冻结列
对于需要固定的列,可以使用动态面板或矩形来冻结列,并确保它们位于滚动容器的外部。
8. 测试与调整
在Axure预览模式下测试中继器的效果,并根据需要进行调整。
以上步骤展示了在Axure中使用中继器创建动态列表的基本流程。根据具体需求,还可以进行更复杂的交互设计和动画效果设置。