利用Axure RP 7.0或Axure RP 8.0,实现验证码的倒计时功能,由于网上教程太繁琐且错误繁多,今天就讲解一个最简单的实例!方法很多,只学最简单、最实用的!
工具/原料电脑Axure RP 8.0或Axure RP 7.0方法/步骤1今天我们就以10秒为例!方便验证!
1.首先打开Axure RP 顶部,“项目”——“全局变量”,
2.“新建”全局变量,设置全局变量“默认数值”为10,点击“确认”。
3.从左侧的拖拉一个“动态面板”,新建2个状态。
4.创建“状态1”内“矩形”命名为“1”;创建“状态2”内“矩形”命名为“2”
25.编辑状态1矩形的文字为“发送验证码”
6.编辑状态2矩形的文字为“重新发送验证码”
37.编辑“动态面板状态”条件为()
48.进入动态面板的“状态1”编辑条件为,(),
备注:条件case1参考之前编辑;条件case2中设置全局变量time的默认值回到10;最下边添加了禁用状态颜色填充
59.进入动态面板的“状态2”编辑条件为,(),
610.赶快尝试一下吧