当前位置: 首页 - 学院 - 教程 - PC教程 - 正文

Axure制作中继器的筛选功能的图文操作

2019-03-18 15:12:39 来源:下载之家 作者:xzwh

Axure RP Pro

Axure RP Pro

软件类型:辅助设计 软件大小:149.81MB 软件平台:  PC  软件语言:简体

标签: axure rp pro 行业软件

查看详情

      Axure这款软件不少网友都安装了 ,但有的用户还不会Axure制作中继器的筛选功能的操作,下文小编就分享Axure制作中继器的筛选功能的图文操作教程,希望对你们有所帮助哦。

      Axure制作中继器的筛选功能的图文操作

Axure制作中继器的筛选功能的图文操作

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

Axure制作中继器的筛选功能的图文操作截图

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

Axure制作中继器的筛选功能的图文操作截图

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

Axure制作中继器的筛选功能的图文操作截图

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

Axure制作中继器的筛选功能的图文操作截图

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

Axure制作中继器的筛选功能的图文操作截图

      上文就讲解了Axure制作中继器的筛选功能的图文操作过程,希望有需要的朋友都来学习哦。