??这篇文章是为大家讲解了Axure制作中继器的筛选功能的操作步骤,有需要学习的用户就赶紧和小编一起来学习一下吧。
??1、先在Axure的画布中,分别拖入一个文本框控件,内容为‘种类’,下拉列表控件,内容填充为‘电器、水果、蔬菜’,一个按钮控件‘筛选’,具体如下图所示:
![](http://m.size12records.com/mydown-img1/2018-04-02/77ccf31c2f19af7ab9bbaeb594f36525.png)
??2、在布局下方拖入一个中继器,双击进入中继器,不用管那个默认的矩形框,可以直接删除,自己任意布局,我是拖入了两个文本框,分别记为text001,text002具体如下图所示:
![](http://m.size12records.com/mydown-img1/2018-04-02/43a517b084b5e96db40b6df41e8e811e.png)
??3、在右边的数据表中,填充原始的数据,具体如下图所示:
![](http://m.size12records.com/mydown-img1/2018-04-02/723782cf6217af5c3141ebfbea020e64.png)
??4、在中继器中,设置交互事件,令text001=Item.name,text002=Item.price,这样可以实现动态的增加或者减少数据,具体如下图:
![](http://m.size12records.com/mydown-img1/2018-04-02/7bfb5b670326e9bcdeed4510bec8e289.png)
??5、设置筛选按钮的点击事件,当点击按钮时,判断下拉列表中的数据为哪个?相应的显示下方的数据,具体演示效果如下图所示:
![](http://m.size12records.com/mydown-img1/2018-04-02/e255b4b013e01881928f773d422fb6fa.gif)
??上面就是小编带来的Axure制作中继器的筛选功能的操作步骤,亲们都学会了吗?