中继器的英文叫做"Repeater"表示重复的意思，其实中继器有个数据集的概念，所谓的数据集就是这个中继器所要处理的数据源，学习它的使用有助于我们快速设计一些复杂的交互界面 。本文小编来教大家如何在axure中用中继器制作穿梭框 。
文章插图
穿梭框是常常会用到的一个选择器，它可以让我们在左右列表框移动数据，实现数据的多项选择 。
1、材料准备1、中继器内含矩形*2；背景框*2；左箭头*1；右箭头*2；文本*2 。
2、中继器内需要取消矩形的边框，设置鼠标移入时填充颜色为灰色，选中时填充颜色为蓝色，方便有更好的交互体验感 。
3、将背景框调整到合适的大小和位置，放置底层 。
4、左边的是未选项中继器1，需要在中继器表格内填写对应选项文字；复制到右面为已选项中继器2，由于已选项默认为0，所以需要删除中继器所有行，默认空值即可 。
5、中继器1和2均需取消隔离选项组和隔离单选按钮组效果，两个中继器内的矩形需要设置单选组 。
6、文本元件命名为逻辑1和逻辑2，默认为空且隐藏，后续用于逻辑交互 。
2、交互设置中继器1每项载入时：
中继器默认交互 - 设置中继器1内矩形文字为列表Column0的值 。
中继器1内矩形鼠标单击时：
因为之前我们设置了选中的颜色变蓝，所以当我们点击之后就可以知道选中了那一项，而且因为设置了单选组，所以也不会同时选中多个 。
设置逻辑1的文本为列表Column0的值，以方便后面左右箭头穿梭的操作 。
中继器2每项加载时及内部矩形鼠标单击时：
中继器2和1的交互一样，但是需要注意的是中继器2里面设置的文本是逻辑2的文本 。
右箭头鼠标单击时：
逻辑1的文字如果为空就是还没选中，不发生交互；如果不为空，需要做一个增加行和删除行的交互 。
增加行：在中继器2中增加行，增加的值为逻辑1文本值 。
【axure如何用中继器做穿梭框？制作方法是什么？】删除行：删除中继器1里的和逻辑1文本值相同的行 。
完成上述两个交互之后，我们需要清空逻辑1的文本，不清空的话点击右箭头就可以无限增加同一个选项 。
左箭头鼠标单击时：
这个和【右箭头鼠标单击时】的设置交互是反过来的 。
增加行：在中继器1里增加行，增加的值为逻辑2文本值 。
删除行：删除中继器2里的和逻辑2文本值相同的行 。
设置逻辑2的文本值为空值 。
以上就是关于中继器制作穿梭器的操作步骤，以后如果再次使用，只需要填写在左边中继器1的表格里填写选项文字即可，方便使用 。（如果选项多的话可以从excel表格复制粘贴到中继器表格中） 。
推荐阅读
- axure如何用中继器做联级框？制作步骤有哪些？
- Axure如何用动态面板制作横向滑块？制作方法是什么？
- dw cs6如何设置背景音乐？有哪些方法和步骤？
- dw如何删除站点？操作步骤是什么？
- dw中怎么交互图像？如何实现鼠标经过图像换图的效果？
- 淘宝拒收后如何退款？退款步骤是什么？
- 淘宝投诉商家有什么作用？淘宝投诉商家有什么方法？
- 抖音小店和快手小店那个好？如何选择？
- 抖音小黄车销量可以补单吗？如何刷？
- 快手电商货源哪里来？质量如何？