Axure怎么制作中继器的筛选功能?

中继器是Axure中的一个重难点,掌握中继器的用法,在Axure原型设计中,会有很大的帮助。

软件名称:
快速产品原型设计工具 Axure RP Pro v7.0.0.3174 汉化绿色版
软件大小:
8.97MB
更新时间:
2014-12-22

1、先在Axure的画布中,分别拖入一个文本框控件,内容为‘种类’,下拉列表控件,内容填充为‘电器、水果、蔬菜’,一个按钮控件‘筛选’,具体如下图所示:

2、在布局下方拖入一个中继器,双击进入中继器,不用管那个默认的矩形框,可以直接删除,自己任意布局,我是拖入了两个文本框,分别记为text001,text002具体如下图所示:

Axure怎么制作中继器的筛选功能?_第1张图片

3、在右边的数据表中,填充原始的数据,具体如下图所示:

Axure怎么制作中继器的筛选功能?_第2张图片

4、在中继器中,设置交互事件,令text001=Item.name,text002=Item.price,这样可以实现动态的增加或者减少数据,具体如下图:

Axure怎么制作中继器的筛选功能?_第3张图片

5、设置筛选按钮的点击事件,当点击按钮时,判断下拉列表中的数据为哪个?相应的显示下方的数据,具体演示效果如下图所示:

Axure怎么制作中继器的筛选功能?_第4张图片

相关推荐:

Axure设计的网页怎么生成html文件?

Axure RP 8怎么新建母版面板并管理?

Axure 8.0中怎么制作手机上下滑动效果?

你可能感兴趣的:(Axure怎么制作中继器的筛选功能?)