倒计时这个是经常用到的,那如何利用Axure RP 8实现这个效果呢?
场景是:一个按钮触发倒计时,点击后,时间倒数,跟倒计时器一样 。
下面利用一个实例实现这个倒计时,操作如下:
文章插图
工具/原料Axure RP 8
浏览器
截图工具
图片工具
方法/步骤1第一步,打开Axure RP 8设计软件,依此操作“项目---全局变量”,添加全局变量“timer”,如下图所示:
文章插图
2第二步,拖曳一个按钮和面板到页面,修改按钮显示内容为“倒计时”,两个宽度一致,如下图所示:
文章插图
3第三步,选中面板双击,再添加一个面板状态,根据具体的实际进行修改,如下图所示:
文章插图
4第四步,设置按钮禁用时,按钮的交互样式;禁用时,按钮背景色为灰色,如下图所示:
文章插图
5第五步,添加鼠标单击实例,状态为“Next”,向后循环、循环间隔1000毫秒,如下图所示:
文章插图
6第六步,设置禁用时组织动作,选择禁用单选按钮,如下图所示:
文章插图
7第七步,为全局变量添加条件,确保timer大于0;并设置timer在不断减一,如下图所示:
文章插图
文章插图
8【如何利用Axure RP 8实现倒计时的效果图像】第八步,设置倒计时按钮文本显示内容,这里设置为倒计时秒数,如下图所示:
文章插图
注意事项注意鼠标单击事件的用法
注意全局变量的设置和局部变量的区别
以上内容就是如何利用Axure RP 8实现倒计时的效果图像的内容啦,希望对你有所帮助哦!
推荐阅读
- 如何打开bdf格式的文件
- 如何圈释无效数据
- 如何将.wav格式转换成.MP3格式的音频文件
- 小红书薯券是什么?带你去看看吧
- 如何找回删除的照片?你需要知道的小技巧
- 微信如何关闭附近的人
- 如何设置指纹登录Windows系统
- C4D中如何创建一个由多彩圆球构成的小狗
- WPS如何设置页码
- android studio如何使系统源码生成apk