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

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



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



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



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



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



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



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

(0)

相关推荐

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

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

  • Axure RP 8怎么制作按钮控制下拉框选项?

    Axure RP 8怎么制作按钮控制下拉框选项? 1.打开Axure RP 8软件,在软件库中找到下拉框元件,拖一个到画布上,如下图所示: 2.再次在元件库中找到"主要按钮",拖一 ...

  • Axure RP 8怎么制作倒计时动画?

    倒计时这个是经常用到的,那如何利用Axure RP 8实现这个效果呢?场景是:一个按钮触发倒计时,点击后,时间倒数.下面利用一个实例实现这个倒计时,操作如下: 1.打开Axure RP 8设计软件,依 ...

  • Axure RP 8怎么制作一个按钮控制圆球运动的原型?

    Axure RP 8原型设计工具的元件库中有椭圆形,可以利用该元件设计出滚动的效果.而触发这个运动通过按钮单击事件实现,规定椭圆形的起始坐标,单击按钮后,将椭圆形移动到另一个新的坐标,具体实现如下: ...

  • Axure RP 8怎么制作不倒翁的标靶图形?

    利用Axure RP 8设计软件制作:不倒翁.有人物形象和颜色填充.操作如下: 1.打开Axure RP 8设计软件,在基本元件中拖曳一个椭圆形,修改其高度和宽度为120×100,如下图所示: 2.再 ...

  • Axure RP 8怎么制作一幅一年四季变化图?

    Axure RP 8设计软件可以利用自带的控件制作出不同的图画和图形,下面结合图像控件.标题控件以及矩形控件,画出一年四季变化图形. 1.打开Axure RP 8,拖曳一个矩形控件到编辑区域,如下图所 ...

  • Axure RP 8怎么制作单选题中的单选框?

    Axure RP 8中有很多不同种类的自带的控件,有表格.单选框.文本域等.其中,单选框可以设置不同格式风格的.下面将讲述如何制作不同的单选框 1.首先,双击打开Axure RP 8软件工具,在Lib ...

  • Axure RP 8怎么制作计算器?

    计算器作为一种计算工具,可以快捷.方便计算.现在,电脑.手机.电视机都自带计算器软件,使用时直接调用出来.下面利用一个实例说明计算器的制作方法,操作如下: 1.打开Axure RP设计软件,在元件库里 ...

  • Axure RP 8怎么制作锁定对象或隐藏对象?

    Axure RP 8在设计软件原型时,要经常操作一些元素,为了防止误操作或操作过程中影响到其他的元素,可以利用锁定对象或隐藏对象.那么,如何锁定对象或隐藏对象,具体操作如下: 1.双击打开Axure ...