Axure制作中继器的筛选功能的操作步骤

Axure RP Pro

软件大小： 34.9MB

更新时间： 2024-03-04 17:06:23

所属分类： 办公工具

查看详情

yesky

标签：

• Axure
• 原型设计

  这篇文章是为大家讲解了Axure制作中继器的筛选功能的操作步骤，有需要学习的用户就赶紧和小编一起来学习一下吧。

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

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

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

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

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

  上面就是小编带来的Axure制作中继器的筛选功能的操作步骤，亲们都学会了吗?