当前位置:网站首页 > 创业 > 正文

如何利用Axure RP 8实现倒计时的效果图像

0 张子豪 张子豪 2025-10-12 17:57 1

倒计时这个是经常用到的,那如何利用Axure RP 8实现这个效果呢?

场景是:一个按钮触发倒计时,点击后,时间倒数,跟倒计时器一样。

下面利用一个实例实现这个倒计时,操作如下:

工具/原料

  • Axure RP 8
  • 浏览器
  • 截图工具
  • 图片工具

方法/步骤

  1. 1

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

  2. 2

    第二步,拖曳一个按钮和面板到页面,修改按钮显示内容为“倒计时”,两个宽度一致,如下图所示:

  3. 3

    第三步,选中面板双击,再添加一个面板状态,根据具体的实际进行修改,如下图所示:

  4. 4

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

  5. 5

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

  6. 6

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

  7. 7

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

  8. 8

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

注意事项

  • 注意鼠标单击事件的用法
  • 注意全局变量的设置和局部变量的区别

来源:百闻(微信/QQ号:9397569),转载请保留出处和链接!


本文链接:https://www.ibaiwen.com/web/246661.html

张子豪

张子豪

TA很懒,啥都没写...

@百闻娱乐 本站部分内容转自互联网,若有侵权等问题请及时与本站联系,我们将在第一时间删除处理。 | 粤ICP备2024343649号 | (地图