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

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

1、打开Axure RP 8设计软件,依此操作“项目---全局变量”,添加全局变量“timer”,如下图所示:

2、拖曳一个按钮和面板到页面,修改按钮显示内容为“倒计时”,如下图所示:

3、选中面板双击,再添加一个面板状态,如下图所示:

4、设置按钮禁用时,按钮的交互样式;禁用时,按钮背景色为灰色,如下图所示:

5、添加鼠标单击实例,状态为“Next”,向后循环、循环间隔1000毫秒,如下图所示:

6、设置禁用时组织动作,选择禁用单选按钮,如下图所示:

7、为全局变量添加条件,确保timer大于0;并设置timer在不断减一,如下图所示:

8、设置倒计时按钮文本显示内容,这里设置为倒计时秒数,如下图所示:

注意事项:

注意鼠标单击事件的用法

注意全局变量的设置

(0)

相关推荐

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

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

  • PowerPoint2016中如何制作倒计时动画

    在我们演示PPT的时候,可能需要一个短暂的计时,比如提出一个问题,然后限时让观众来回答.下面小编就教给大家在PowerPoint 2016中制作倒计时动画的一个小方法,超级简单,一点就会. 首先来制作 ...

  • PowerPoint2016简单制作倒计时动画

    在我们演示PPT的时候,可能需要一个短暂的计时,比如提出一个问题,然后限时让观众来回答.下面小编就教给大家在PowerPoint 2016中制作倒计时动画的一个小方法,超级简单,一点就会. 首先来制作 ...

  • 在PR软件中怎么制作倒计时动画效果

    今天给大家介绍一下在PR软件中怎么制作倒计时动画效果的具体操作步骤.1.首先打开电脑上的premiere软件,然后将一张图片导入软件中,并创建序列,然后依次点击"新建---旧版标题" ...

  • 如何利用flash制作倒计时动画

    利用flash制作倒计时动画,主要利用了flash的逐帧动画功能,现在就把制作的步骤和截图分享出来,供大家参考使用,希望你也能够分享类似的优质. 操作方法 01 首先启动flash8,新建一个文档,在 ...

  • 如何使用flash制作倒计时动画

    flash制作倒计时动画是最基本的动画制作技巧之一,现在小编来介绍一下如何使用flash制作倒计时动画. 操作方法 01 首先打开flash软件,创建一个flash文档. 02 进入后,选择文件编辑工 ...

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

    Axure RP 8设计软件设计一个场景下的页面,场景:输入手机号码,点击"获取"按钮,"获取"变为倒计时,将验证码发送到手机号;用户可以将手机上验证码输入到验 ...

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

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

  • ppt怎么制作倒计时动画?

    我们都知道ppt的演示功能很强大,其实ppt也可以制作出炫酷的动画效果,现在就制作一款倒计时动画效果,同时分享制作的步骤和截图,希望对你有所帮助和启发. 1.首先启动PowerPoint2010,执行 ...