Axure RP 8怎么制作倒计时动画?
番茄系统家园 · 2022-03-15 05:44:57
倒计时这个是经常用到的,那如何利用Axure RP 8实现这个效果呢?场景是:一个按钮触发倒计时,点击后,时间倒数。下面利用一个实例实现这个倒计时,操作如下:
- 软件名称:
- 原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)
- 软件大小:
- 90.5MB
- 更新时间:
- 2018-05-24
1、打开Axure RP 8设计软件,依此操作“项目---全局变量”,添加全局变量“timer”,如下图所示:
2、拖曳一个按钮和面板到页面,修改按钮显示内容为“倒计时”,如下图所示:
3、选中面板双击,再添加一个面板状态,如下图所示:
4、设置按钮禁用时,按钮的交互样式;禁用时,按钮背景色为灰色,如下图所示:
5、添加鼠标单击实例,状态为“Next”,向后循环、循环间隔1000毫秒,如下图所示:
6、设置禁用时组织动作,选择禁用单选按钮,如下图所示:
7、为全局变量添加条件,确保timer大于0;并设置timer在不断减一,如下图所示:
8、设置倒计时按钮文本显示内容,这里设置为倒计时秒数,如下图所示:
注意事项:
注意鼠标单击事件的用法
注意全局变量的设置
免责声明: 凡标注转载/编译字样内容并非本站原创,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如果你觉得本文好,欢迎推荐给朋友阅读;本文链接: https://m.nndssk.com/rjwt/1596367jPK3b.html。
猜你喜欢
最新应用
热门应用

