Axure入门案例系列 -- 穿梭框案例
穿梭框组件在前端框架中应用广泛,其功能主要是动态可视化展示数据归属,提供给用户直观的数据选择体验。
在本教程中,将通过两种方式实现穿梭框组件:全局变量传参和局部变量传参。考虑到易懂性与复用性,选择局部变量传参方式进行实现。
穿梭框组件具备以下功能:用户可以将待选区域的数据添加至选中区域,同时,也能将选中区域数据移回至待选区域。
实现穿梭框组件的步骤如下:
首先,搭建基础框架。
接着,制作A、B中继器赋值。
随后,制作双中继器以实现仅存在一个选中效果。
使用选项组功能,实现选中效果的互斥。例如,设置A存在选中效果,B也存在选中效果时,A、B均可选中。而设置为选项组后,A、B只能选择一个。
进一步,实现单向数据穿梭功能。
最后,完善反向数据穿梭功能。
欲了解更多细节与源文件,可访问案例下载地址进行深入学习与实践。
若需查看案例预览,可以直接访问案例预览地址。
多重随机标签