手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

axure如何设计倒计时

时间:2024-10-11 19:16:03

1、打开axure,从左侧控件库中找到按钮拖到工作区中,命名为按钮,并输入获取验证码

axure如何设计倒计时

2、从左侧控件库中找到动态面板,拖到工作区中,右侧样式中设置为隐藏

axure如何设计倒计时

3、双击动态面板,点击+号添加一个shate

axure如何设计倒计时

4、点击按钮,在右侧属性下设置鼠标点击时事件,设置面板状态,让其状态在shate1和shate2间来回切换,并设置按钮禁用,在属性交互样式中,将禁用的颜色设置为灰色。即倒计时时,按钮不可用。

axure如何设计倒计时
axure如何设计倒计时
axure如何设计倒计时

5、点击动态面板,在属性豹肉钕舞设置状态改变时事件,添加条件,并设置按钮文本。即,当全局变量大于0时,执行全局变量-1后给全局变量,按钮控围泠惶底件的文本是全局变量的值。再设置当全局变量小于0时,启用按钮控件并设置文本是获取验证码。

axure如何设计倒计时
axure如何设计倒计时
axure如何设计倒计时

6、按F5在浏览器中查看效果

axure如何设计倒计时
axure如何设计倒计时
© 手抄报圈