您所在的位置:主页 > 软件教程 > 系统工具 > Axure RP 8如何制作验证码倒计时原型

Axure RP 8如何制作验证码倒计时原型

更新:2017-03-21    编辑:电脑问题    来源:谷普下载站    人气:加载中...    字号:|
  Axure RP 8设计软件设计一个场景下的页面,场景:输入手机号码,点击获取按钮,获取变为倒计时,将验证码发送到手机号;用户可以将手机上验证码输入到验证码框。下面就是这个实现进程,操作如下:

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如何制作验证码倒计时原型



本文链接:http://www.gpxz.com/jiaocheng/xitong/1055518.html