06.基础穿梭框

---

穿梭框组件是前端框架中常见的一种数据选择方式，可以动态可视化的展示数据的归属。

准备

• Axure 8（或Axure 9）软件已安装。
• 掌握基本的软件使用。
• 熟悉中继器。

本教程知识点

• 选项组：选中效果互斥。
• 中继器函数。

详细教程

本教程源文件提供了通过全局变量传参和局部变量传参的两种方式实现。

本文以局部变量传参进行实现（相对简单易懂，且方便后期成为组件复用）。

功能

可以选择待选区域数据添加至选中区域，同时可将选中区域数据移除（恢复至待选区域）。

制作方式

1、搭建基础的框架

• 中继器两个：

• • A：待选数据展示区
  • B：选中数据展示区

• 添加按钮两个：

• • A添加：选中–待选
  • B添加：待选–选中