Axure RP从入门到精通(四十三)案例(发送验证码)

本篇博客介绍如何使用Axure RP制作登录页面的发送验证码功能。通过动态面板的两个状态轮询,实现倒计时效果。设置全局变量记录剩余秒数,并在状态改变时更新按钮文本。当秒数归零时,恢复按钮初始文本并重置全局变量,同时改变按钮状态以允许再次点击。整个过程巧妙地利用了动态面板和事件触发,实现了类似定时器的效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. 制作登录页面,给发送验证码按钮命名“发送验证码”在这里插入图片描述
  2. 拖拽一个动态面板放在手机外边,再新建一个状态,总共两个状态而且两个状态不需要添加任何内容。
    在这里插入图片描述
  3. 设置动态面板轮询,两个空的状态不停循环。在这里插入图片描述
  4. 为动态面板添加“状态改变时”事件,当状态改变时修改“发送验证”为剩余多少秒。这里需要定义一个全局变量表示剩余的秒数,设置一个默认值60秒。为了演示这里设置75秒。在这里插入图片描述
    当动态面板状态发生改变时需要将按钮的文本显示剩余多少秒,并且计算下一次全局变量的值。
    在这里插入图片描述
  5. 如果数秒
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

风流 少年

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值