Axure 9中继器怎么制作排序效果?
百度经验 发布时间:2019-12-06 15:04:22 作者:shl020213
我要评论
Axure 9中继器怎么制作排序效果?Axure 9制作网页原型的时候,想要制作一个排序效果,该怎么制作排序效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
Axure的中继器除了进行列表的增删改外,还可以利用它来实现列表的筛选、排序等,中继器怎么制作排序效果呢?下面我们就来看看详细的教程。
1、以数据为:姓名、部门、职位为例,首先我们拖动中继器,将自带内容删除,拉入三个矩形框作为数据文本,命名:name、bumen、zhiwei。

2、在中继器的数据中分别为列命名并填入数据,将数据分配到各个对应的矩形中,退出中继器即可看见数据效果。



3、接下来我们制作表头,退出中继器,对应拖动矩形框及文本标签,排序按钮。

4、以部门排序为例,接下来我们制作选中及排序的效果,当选中上箭头时,姓名升序排序,下箭头姓名降序排列。设计选中效果,鼠标单击上箭头时,上箭头选中状态为蓝色,下箭头选中状态为假。下箭头的选中效果与上箭头效果一致,此处不再赘述。

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

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

以上就是Axure 9中继器制作排序效果的技巧,希望大家喜欢,请继续关注脚本之家。
相关推荐:
相关文章
使用浏览器预览Axure原型文件,我们可以根据习惯或者其他要求来设置默认浏览器,例如谷歌、火狐,怎么方便怎么来。Axure8怎么设置默认预览浏览器?请看文章说明2019-06-25
Axure原型怎么设计大于7页的分页效果?Axure制作网页原型的时候,如果遇到大雨7页的分页效果,该怎么布局呢?下面我们就来看看详细的教程,需要的朋友可以参考下2019-06-14
Axure矩形怎么去边框? Axure矩形随意去掉边框的教程
Axure矩形怎么去边框?Axure中想要将矩形的边框去掉,该怎么去边框呢?下面我们就来看看Axure矩形随意去掉边框的教程,需要的朋友可以参考下2019-06-11
Axure怎么制作点击即可删除Tag标签动效?Axure中想要制tag标签,并且有可以删除的交互效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下2019-06-02
Axure怎么制作环形样式的进度条?Axure中想要制作一个进度条,该怎么制作一个进度条呢?下面我们就来看看详细的教程,需要的朋友可以参考下2019-05-30
Axure怎么制作固定首列与尾列的表格?Axure中插入的表格,想要固定首列与尾列,该怎么固定呢?下面我们就来看看详细的教程,需要的朋友可以参考下2019-05-23
Axure怎么制作气泡效果的确认框?Axure制作页面原型的时候,想要制作气泡效果的确认框,该怎么制作这个效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下2019-05-15
axure怎么制作鼠标悬停原图与缩略图切换效果?axure中想要制作一个鼠标放在缩略图上,缩略图显示成原图,鼠标移走原图就切换成缩略图,该怎么实现这个效果呢?下面我们就来2019-05-15
axure怎么实现多张图片同区域左右滑动显示效果?手机app中经常能看到多张图片是滑动显示的,该怎么制作这个原型?下面我们就来看看详细的教程,需要的朋友可以参考下2019-05-10
axure怎么制作加减号控制数据的效果?axure中想要制作一个左右加减号控制数据的增加或者减少的效果,该怎么制作这个效果呢?下面我们就来看看详细的教程,需要的朋友可以参2019-05-10













最新评论