Axure RP8怎么设计倒计时获取短信验证码效果?

Axure RP8怎么设计倒计时获取短信验证码效果?

在Axure RP8中设计倒计时获取短信验证码效果

在Axure RP8中设计倒计时获取短信验证码效果,可以通过以下几个步骤来实现:

  1. 准备工作:拖一个矩形,设置好长宽高,并命名为SendSMS;拖一个动态面板,随便放一个位置都可以(本例放在矩形框上方一点),将动态面板命名为Clock,并设置两个状态,分别为状态1、状态2;设置一个变量,等赋值之后,作为开始倒计时作用。

  2. 设置倒计时:选中矩形框SendSMS,编辑用例鼠标单击时,给变量Daojishi设置一个初始值60,意为从60秒开始倒计时;紧接着设置动态面板Clock中的状态1、状态2,循环着切换状态,1000毫秒切换一次;这举是为了触发动态面板的面板状态改变时事件。

  3. 实现倒计时功能:设置动态面板Clock状态改变时事件,新增条件在变量Daojishi>0的情况下,设置矩形框SendSMS里文字变更为Daojishi秒后重新获取;设置Daojishi变量值自减1,意为判断在每次当变量值Daojishi>0时,动态面板Clock第1秒切换一次状态时,而Daojishi值由60变成59;再1秒后循环切换到下一状态时,Daojishi值由59变成58;以此类推。

  4. 结束倒计时:再设置一下当Daojishi值自减到0时的情况,设置动态面板不再切换状态了,即设置Clock为停止循环;此时SendSMS矩形框内的文字停止在0秒后重新获取,不再倒计时了;需要调整为重新获取验证码。

通过上述步骤,你可以在Axure RP8中创建一个倒计时获取短信验证码的效果。这种设计不仅提升了用户体验,还增加了系统的安全性,防止用户频繁发送验证码短信。

本篇文章所含信息均从网络公开资源搜集整理,旨在为读者提供参考。尽管我们在编辑过程中力求信息的准确性和完整性,但无法对所有内容的时效性、真实性及全面性做出绝对保证。读者在阅读和使用这些信息时,应自行评估其适用性,并承担可能由此产生的风险。本网站/作者不对因信息使用不当或误解而造成的任何损失或损害承担责任。
阅读全文