您现在的位置是：首页 > 设计知识设计知识
如何利用axure实现倒计时的效果图像变化,如何利用axure实现倒计时的效果图像分析
2022-11-24 16:19:16设计知识2人已围观
简介 如何利用axure实现倒计时的效果图像变化,如何利用axure实现倒计时的效果图像分析 经常使用Python倒计时，那么如何使用Axure实现这种效果呢？场景：一个按钮触发倒计时，点击后时间倒计时，就像倒计时器一样
如何利用axure实现倒计时的效果图像变化,如何利用axure实现倒计时的效果图像分析
经常使用Python倒计时，那么如何使用Axure实现这种效果呢？场景：一个按钮触发倒计时，点击后时间倒计时，就像倒计时器一样。用下面的例子来实现这个倒计时。操作如下所示：
不详细？可以点击观看【Axure RP免费试用视频教程】
工具/软件
硬件型号：华为笔记本电脑MateBook 14s
版本：Windows7
所需软件：Axure RP
方法/步骤
第1步
打开Axure RP 8设计软件，然后操作“项目-全局变量”，添加全局变量“定时器”，如下图所示：
第2步
拖动一个按钮和面板到页面，修改按钮显示内容为“倒计时”，两者宽度相同，如下图所示：
第3步
双击选中的面板，然后添加一个面板状态，根据实际情况进行修改，如下图所示：
第4步
设置按钮禁用时的交互样式；禁用时，按钮的背景颜色为灰色，如下图所示：
第5步
添加鼠标点击实例，状态为“下一个”，循环向后，循环间隔为1000毫秒，如下图所示：
第6步
设置停用时的组织动作，选择停用单选按钮，如下图所示：
第7步
为全局变量添加条件，以确保timer大于0；并将计时器设置为减一，如下图所示：
第8步
第8步，设置倒计时按钮文字的显示内容，这里设置为倒计时秒数，如下图：
注意/提示
好了，这次关于“如何使用Axure实现倒计时效果图像？”就是这样。按照教程步骤操作是不是超级容易？更多软件使用技巧，请关注小六！
Tags： 设计知识
很赞哦！ ()