1. 主页 > 行业资讯 > 设计文章 >

Axure教程:条件查询

条件查询是一个常用的函数。今天小猿给大家展示一下如何实现条件查询。通过这个练习,你可以掌握局部变量和中继器。

效果如下:

需求分析

1.默认显示所有用户列表,共7条记录;

2.输入年龄范围(最大和最小),点击〖查询〗按钮,显示年龄在输入条件之间的用户;

3.如果只输入年龄上限,点击〖查询〗后,会显示年龄低于年龄上限的用户;

4.如果只输入年龄下限,点击〖查询〗按钮,显示年龄在年龄下限以上的用户;

5.如果既没有输入上限也没有输入下限,点击查询后显示所有用户;

原型

1.将两个输入框作为上下年龄输入框从画布拖到画布上;

2.在查询按钮中拖动;

3.在中继器中拖动并显示用户列表;

4.设置中继器中的列和数据;

交互式设计

1.中继器初始化:设置中继器的各个加载功能,并在中继器中分别设置相应的列值;

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

此时,条件查询完成。同学们,快来试试。

本文由网上采集发布,不代表我们立场,如有侵权请联系我删除,转载联系作者并注明出处:http://ffjianzhan.cn/a/sjwz/503.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息