Axure 教程:条件查询

10 评论 12443 浏览 32 收藏 3 分钟
🔗 产品经理专业技能指的是:需求分析、数据分析、竞品分析、商业分析、行业分析、产品设计、版本管理、用户调研等。

条件查询是经常会使用的功能,今天小猿带大家看看如何实现条件查询。通过这个练习,大家可以掌握局部变量和中继器。

效果如下显示:

需求分析

1、默认展示所有用户的列表,共7条记录;

2、输入年龄区间(最大和最小值),点击查询以后,显示年龄介于输入条件的用户;

3、如果只输入年龄上限,点击查询以后,显示小于年龄上限的用户;

4、如果只输入年龄下限,点击查询以后,显示大于年龄下限的用户;

5、如果上限、下限都不输入,点击查询以后,显示所有用户;

原型设计

1、拖入两个输入框from和to到画布,作为年龄上下限输入框;

2、拖入一个查询按钮;

3、拖入中继器,显示用户列表;

4、设置中继器里面的列和数据;

交互设计

1、中继器初始化:设置中继器的每项加载函数,分别设置中继器里面对应的列值;

2、设置查询按钮的点击事件:

到了这一步,条件查询就算做好了。同学们赶紧去试试吧。

 

本文由 @马白龙 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 一直有疑问,产品原型需要做到这么详细吗?

    来自浙江 回复
    1. 没必要

      来自广东 回复
  2. 你们怎么这么天真,这明显是抛砖引玉,想学干货得交钱啊,得买课啊

    来自山西 回复
    1. 哈哈是的

      来自广东 回复
  3. 照着步骤做没成功,不知道问题出哪儿了

    来自湖南 回复
    1. 为什么我的也是 点击按钮之后所有的都消失

      回复
    2. 我做的效果和你的一样,点击查询就全不见了

      来自贵州 回复
    3. 我测试过了,可以正常使用

      来自四川 回复
  4. 原型预览:http://www.axurestudy.cn/pr/#id=6oms29&p=%E7%9B%AE%E5%BD%95

    来自广东 回复
    1. 原型怎么下载呢

      来自北京 回复
专题
12457人已学习13篇文章
在用户运营中,拉新往往要比做好用户留存所花费的成本要高,但有各种各样的原因会让用户在某个过程中流失掉,应当如何规避与注意呢?本专题的文章分享了如何做好用户流失预警。
专题
11221人已学习12篇文章
从二维到三维空间的过渡,其交互范式也会随之从2D GUI时代转换到3D UI时代。本专题的文章分享了XR空间交互指南。
专题
19135人已学习13篇文章
画像标签是由数据标签经过分析、加工处理,形成的更加抽象、易于理解的复合标签。本专题的文章分享了如何设计用户标签体系。
专题
15006人已学习13篇文章
作为一种软件开发工具,低代码平台一定程度上提升了企业的软件开发效率,适应了整体的数字化发展趋势。本专题的文章分享了关于低代码的讲解。
专题
11927人已学习12篇文章
在日常生活中,使用APP或者网页加载时,加载按钮常常会出现,加载效率影响着用户体验。本专题的文章分享了加载功能的原理和设计。