Axure RP 8怎么制作验证码倒计时原型?

番茄系统家园 · 2022-03-31 00:48:11

Axure RP 8设计软件设计一个场景下的页面,场景:输入手机号码,点击“获取”按钮,“获取”变为倒计时,将验证码发送到手机号;用户可以将手机上验证码输入到验证码框。下面就是这个实现过程,操作如下:

软件名称:
原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)
软件大小:
90.5MB
更新时间:
2018-05-24

Axure RP 8怎么制作验证码倒计时原型?

1、打开Axure RP 8软件,在元件库中找到“矩形3”元件,拖一个到画布中,如下图所示:

Axure RP 8怎么制作验证码倒计时原型?

Axure RP 8怎么制作验证码倒计时原型?

2、在元件库找到“label”元件,拖两个“label”元件和两个输入框、一个按钮到画布中,如下图所示:

Axure RP 8怎么制作验证码倒计时原型?

3、选中“获取”按钮,添加鼠标单击时用例,如下图所示:

Axure RP 8怎么制作验证码倒计时原型?

4、添加“设置变量值”,添加变量“data”,默认值为“60s”,如下图所示:

Axure RP 8怎么制作验证码倒计时原型?

5、再次添加动作“设置文本”,设置按钮的文本为变量[[data-1]],如下图所示:

Axure RP 8怎么制作验证码倒计时原型?

6、预览该原型界面,点击“获取”按钮,这时“获取”文字变为时间倒计时,如下图所示:

Axure RP 8怎么制作验证码倒计时原型?

相关推荐:

免责声明: 凡标注转载/编译字样内容并非本站原创,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如果你觉得本文好,欢迎推荐给朋友阅读;本文链接: https://m.nndssk.com/rjwt/159909FKhWnk.html
猜你喜欢
最新应用
热门应用