Axure如何使用中继器制作一个模拟查询原型?

查询数据在生活工作中也很常见,那么如何在Axure原型设计中做出这样的查询效果呢?让我们以“Axure如何使用中继器来制作模拟查询原型?”教程教你怎么操作!对于准备自学或者正在自学Axure的小伙伴,那么我建议你学习Axure自学视频课,从0基础到案例实践,全面学习~

Axure使用中继器制作一个模拟查询原型:

首先是最终效果图:

1.以按行政区划查询为例1。先准备好资料2。绘制界面框架注1:如果所属地区的下拉列表不想显示下面的行政区划代码,可以使用隐藏的重复项作为下拉列表项,此处省略;

注2: Axure对函数的使用非常有限,所以借用了一个隐藏框“区域列表值”,初始值为“33”。当区域下拉框中所选项的值发生变化时,区域的值将作为最后6位,表达式为:[[lvdq。substr (lvdq。(' _')+1,6的索引。

这样设计的目的是为了简化查询函数中的逻辑处理(主要是Axure通风,indexOf函数不能直接把上面的公式放进去)。

3.功能:向数据列表重复项添加过滤器的过滤条件是:[[(item。sjxzjb = = lvjb | item。sjxzjb = '省级' ||项。sjxzjb = '地级')&;& ampItem.sjqhdm.indexOf(LVDQ)>-1]],目的是显示当选的省、地级,是否用“LVJB”决定显示县级,同时通过后面的indexOf函数进行过滤,使一切归于同一级别。(不信看最后的演示动画)

4.分页函数(1)显示每页的数据行数。

当然,默认复读机也需要开启分页为“多页”,每一页项为“10”,起始页为“1”。

(2)分页导航:主页

将复读机的当前页面值设置为“1”。

(3)分页导航:上一页

将重复页设置为上一页。

(4)分页导航:下一页

将复读页设置为下一页。

(5)分页导航:最后一页

将复读页设置为最后一页。

(6)分页导航:手动修改指定页面。

手动修改后,中继器当前被修改为修改值。这里做个判断,只在1~总页数范围内有效,否则会弹出alert提醒。如果想在Axure中使用javascript脚本,可以使用当前页面打开链接。外部地址内容为:JavaScript:{ alert((' Barabara ');}

(7)将中继器的总页数和当前页数写入分页列。

设置总页数[[项。Repeater.pageCount]]和当前页码[[Item。Repeater.pageIndex]]。

5.最后的动画演示是关于“Axure如何使用中继器制作模拟查询原型?”我已经分享了所有精彩的内容,希望你能从中有所收获!如果你觉得一篇文章不够过瘾,那么不要错过Axure相关文章!总之,学习道路和单一的知识很难实现全面的自我发展!如果你想完全精通一门技能,那么你必须全面学习!加油,全面学习Axure,全面获取知识点,快速有效推进自主原型设计~