欢迎访问设·集合!

设·集合

您现在的位置是:首页 > 平面软件 > Axure

Axure如何利用中继器设置排序效果?

设·集合小编 发布时间:2023-04-17 14:32:29 1298次最后更新:2024-03-08 12:12:09

Axure的中继器除了进行列表的增删改外,还可以利用它来实现列表的筛选、排序等,这里介绍如何利用中继器进行排序,希望本文内容能够给大家带来帮助。

想要玩转“Axure RP”,快点击此入口观看最新教程→→

工具/软件

硬件型号:联想(Lenovo)天逸510S

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

以数据为:姓名、部门、职位为例,

1、首先我们拖动中继器,将自带内容删除

2、拉入三个矩形框作为数据文本,命名:name、bumen、zhiwei


第2步

1、在中继器的数据中分别为列命名并填入数据

2、将数据分配到各个对应的矩形中

3、退出中继器即可看见数据效果




第3步

接下来我们制作表头,

退出中继器,对应拖动矩形框及文本标签,排序按钮


第4步

以部门排序为例,接下来我们制作选中及排序的效果,当选中上箭头时,姓名升序排序,下箭头姓名降序排列。

设计选中效果,鼠标单击上箭头时,上箭头选中状态为蓝色,下箭头选中状态为假。下箭头的选中效果与上箭头效果一致,此处不再赘述。


第5步

设计排序效果,在单击的交互事件中添加排序,找到中继器的部门列,切换升序即可,下箭头的排序效果与上箭头一致,将切换升序修改为切换降序即可,这里不再赘述。


第6步

其他字段的排序效果也是同样的方法设置,完成后我们点击预览,就可以看见对应的升降序排序效果。


广告位

热心评论

评论列表