上海启嘟渡科技商贸有限公司
SEARCH

与我们合作

我们专注提供互联网一站式服务,助力企业品牌宣传多平台多途径导流量。
主营业务:网站建设、移动端微信小程序开发、营销推广、基础网络、品牌形象策划等

您也可通过下列途径与我们取得联系:

微 信: wxyunyingzhe

手 机: 15624122141

邮 箱:

Axure入门案例系列 -- 穿梭框案例

更新时间:2024-12-28 00:02:04

穿梭框组件在前端框架中应用广泛,其功能主要是动态可视化展示数据归属,提供给用户直观的数据选择体验。

在本教程中,将通过两种方式实现穿梭框组件:全局变量传参和局部变量传参。考虑到易懂性与复用性,选择局部变量传参方式进行实现。

穿梭框组件具备以下功能:用户可以将待选区域的数据添加至选中区域,同时,也能将选中区域数据移回至待选区域。

实现穿梭框组件的步骤如下:

首先,搭建基础框架。

接着,制作A、B中继器赋值。

随后,制作双中继器以实现仅存在一个选中效果。

使用选项组功能,实现选中效果的互斥。例如,设置A存在选中效果,B也存在选中效果时,A、B均可选中。而设置为选项组后,A、B只能选择一个。

进一步,实现单向数据穿梭功能。

最后,完善反向数据穿梭功能。

欲了解更多细节与源文件,可访问案例下载地址进行深入学习与实践。

若需查看案例预览,可以直接访问案例预览地址。

多重随机标签

猜你喜欢文章

QQ客服 电话咨询