Axure实现60秒倒计时

 时间:2024-10-12 06:51:33

1、在【项目】菜单中,点击【全局变量】,添加一个新的全局变量“TimeValue”。

Axure实现60秒倒计时

2、在画布中放入一个矩形按钮,命名为“GetButton”;再放入一个动态面板,命名为“LoopPanel”;双击动态面板,点吁炷纪顼击“+”,为其添加一个新的状态“State2”(这一步是为了保证动态面板能够切换状态)。

Axure实现60秒倒计时

3、为按钮“GetButton”设置【禁用】状态的交互样式,【填充颜色】为灰色。

Axure实现60秒倒计时

4、为按钮“GetButton”添加【鼠标单击时】的用例,设置动作为【设置面板状态】于动态面板“LoopPanel”,选择状态【Ne旌忭檀挢xt】,勾选【向后循环】,设置自动循环间隔为【1000】毫秒,取消【首个状态延时1000毫秒切换】的选项。

Axure实现60秒倒计时

5、继续添加动作【禁用】【当前元件】。

Axure实现60秒倒计时

6、为动态面板“LoopPanel”的【状态改变时】添加第一个用例并设置条件,条件设置为【变量值】【TimeValue】【>】【值】“1”。

Axure实现60秒倒计时

7、添加满足条件的动作为【设置变量值】【TimeValue】为【值】“[[TimeValue-1]]”。

Axure实现60秒倒计时

8、继续添加动作,【设置文本】于“GetButton”为【值】“[[TimeValue]]秒后可重新获取”。

Axure实现60秒倒计时

9、为【状态改变时】再次添加用例,设置不满足第1个用例的条件时执行的动作。第1个动作为【设置文本】于“GetButton”为【值】“重新获取验证码”。

Axure实现60秒倒计时

10、第2个动作为【设置变量值】为【值】“60”。

Axure实现60秒倒计时

11、第3个动作为【启用】按钮“GetButton”。

Axure实现60秒倒计时

12、第4个动作为【设置面板状态】于动态面板“LoopPanel”,选择状态为【停止循环】。

Axure实现60秒倒计时
  • 如何用Axure制作动态倒计时
  • Axure中如何只调整元件固定角的弧度大小
  • Pr新手剪辑时需要注意的一些问题
  • PR剪辑视频怎么添加Alpha 调整
  • Ae怎么做出逐字大回旋
  • 热门搜索
    英语国庆节手抄报内容 关于校车的手抄报 教师节手抄报花边 弘扬法治精神手抄报 礼仪手抄报 好看的手抄报图片大全 诚实守信手抄报图片 关于语言艺术的手抄报 书香校园手抄报资料 手抄报我的中国梦