您现在的位置:   首页 >> 新闻中心 >> 原型设计

Axure RP 9教程:中继器实现筛选和新增

发布人:www.yunke.ai 发布时间:2021-01-01 142 次浏览

本次教程是对Axure中继器的深化学习,之前发布过通过中继器实现模块排序的功能,本次教程是利用中继器实现筛选和新增。

一、特别提醒

考虑到网上Axure RP 9 教程极少的情况,今后文章名称统一改为Axure RP 9 教程,一来明确自己的定位,二来提高搜索的精准度。本次教程是对Axure中继器的深化学习,之前发布过通过中继器实现模块排序的功能,本次教程是利用中继器实现筛选和新增。

二、效果图

根据所选项筛选出符合条件的角色,例如选择性别女,筛选出性别为女的角色。

添加一个新的角色,输入角色的字段信息,将角色添加进中继器的数据集内。

三、往期回顾

根据所选字段筛选出符合条件的结果:

新增角色:

四、实现逻辑

首先,介绍一下中继器。

简单说:中继器是一个数据集,里面可以导入数据和图像,新增行、删除行、进行排序和筛选数据,中继器通常更多的出现在高级交互中。《Axure教程—中继器实现模块排序》(文章在历史教程中可见)一文中,讲述了中继器的排序功能,可以根据我们选择的字段对模块进行排序。本期讲的是利用中继器实现筛选功能和增加新数据的功能。

筛选功能和排序功能类似,都是设置数据集,实现筛选或者排序。

新增功能相对来说复杂一丢丢,但本质上其实就是将所输入的数据赋值到中继器中即可。

好,那么接下来从教程中学习到底如何实现上述功能。

五、原型回顾

本次教程是在之前中继器教程的基础上做了优化,因此,我们先来回顾一下原型,回忆一波中继器内字段名称。下图是中继器内数据的字段名称:

Axure RP 9 教程—中继器实现筛选和新增

OK!接下来开始讲筛选和新增!

六、操作步骤—筛选

我们以选择性别为例讲述操作步骤。