Axure入门与基础之条件过滤
关关 2018-07-11 来源 : 阅读 206 评论 0

摘要:本篇Axure教程探讨了条件过滤的相关内容,希望阅读本篇文章以后大家有所收获,帮助大家对Axure的掌握更加深入。

用条件过滤实践了一下登录功能的密码验证。首先创建了main动态面板并为该面板设置了两个状态(state1,state2),拖拽 head3组件*2、单行文本框*2、toast动态面板(四个状态分别是:用户名为空、密码为空、用户名/密码错误、登录成功,为面板的每一个状态添加相应的小吐司)以及一个登录Button(登录页面基本功能即输入用户名、密码并且登录,其实还可以增加以下功能:账号切换、密码可见以及忘记密码功能)。接下来为登录Button设置单击响应事件,点击前置条件进行设置。

case1:元件-用户名=“”,用户名的值为空,此时设置toast面板为用户名为空并且淡入淡出200ms;

case2:元件-密码=“”,密码的值为空,此时设置toast面板为密码为空并且淡入淡出200ms;

case3:元件-用户名!=“admin”或者元件-密码!=“admin”、用户名或者密码错误,此时设置toast面板为用户名/密码错误并且淡入淡出200ms;

case4:元件-用户名!=“admin”并且元件-密码!=“admin”、登录成功,此时设置toast面板为登录成功并且进入到main面板的state2;

是可以完成密码验证的功能的,可以用于模拟密码登录。感觉很奇妙,虽然很简单,但是毕竟是第一次使用这个功能~~高兴~~已经看到了有小伙伴用这个功能做出了很棒棒的产品,使用起来几乎与最终的产品无异~~~

本文由职坐标整理并发布,了解更多内容,请关注职坐标常用软件Axure频道!

本文由 @关关 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论
X
免费获取海同IT培训资料
验证码手机号,获得海同独家IT培训资料
获取验证码
提交

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号