如何利用Axure RP 8实现倒计时的效果图像
倒计时这个是经常用到的，那如何利用Axure RP 8实现这个效果呢？
场景是：一个按钮触发倒计时，点击后，时间倒数，跟倒计时器一样。
下面利用一个实例实现这个倒计时，操作如下：
工具/原料
- Axure RP 8
- 浏览器
- 截图工具
- 图片工具
方法/步骤
- 1
第一步，打开Axure RP 8设计软件，依此操作“项目---全局变量”，添加全局变量“timer”，如下图所示：
- 2
第二步，拖曳一个按钮和面板到页面，修改按钮显示内容为“倒计时”，两个宽度一致，如下图所示：
- 3
第三步，选中面板双击，再添加一个面板状态，根据具体的实际进行修改，如下图所示：
- 4
第四步，设置按钮禁用时，按钮的交互样式；禁用时，按钮背景色为灰色，如下图所示：
- 5
第五步，添加鼠标单击实例，状态为“Next”，向后循环、循环间隔1000毫秒，如下图所示：
- 6
第六步，设置禁用时组织动作，选择禁用单选按钮，如下图所示：
- 7
第七步，为全局变量添加条件，确保timer大于0；并设置timer在不断减一，如下图所示：
- 8
第八步，设置倒计时按钮文本显示内容，这里设置为倒计时秒数，如下图所示：
注意事项
- 注意鼠标单击事件的用法
- 注意全局变量的设置和局部变量的区别
- 发表于 2018-01-29 00:00
- 阅读 ( 786 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章