Axure计时,axure8如何设置倒计时

Axure计时,axure8如何设置倒计时

PythonAxure原型工具可以做很多效果。上一张幻灯片介绍了很多互动效果。这一次，幻灯片介绍了如何通过Axure原型工具制作2分钟倒计时效果。来看看怎么做吧。

如果你想了解更多关于“Axure RP”的知识，点击这里学习Axure RP课程。

工具/软件

硬件型号：华为MateBook D 14

版本：Windows7

所需软件：Axure RP

方法/步骤

第1步

首先创建一个空白页，拖动要在工作区使用的组件，包括矩形、按钮和动态面板，如下图所示。

第2步

组件准备好后，设置组件的样式、描述等信息，完善分、秒、启动、暂停、复位等信息，如下图所示。

第3步

然后命名组件。后来做交互事件的时候很容易找到对应的组件，如下图。

第4步

打开动态面板，复制出两个状态。不需要在里面输入内容，复制一个就可以了，如下图。

第5步

准备工作已经完成。我们开始做互动活动吧。首先，当动态面板的状态改变时，我们在第一个条件下设置交互事件。条件是当秒等于00时，设置分和秒的值。这里分钟的值需要用函数计算，需要添加一个局部变量，如下图所示。

第6步

同理，我们设置第二个条件下的交互事件，如下图所示。

第7步

添加了动态面板的交互事件。下面，设置三个按钮的事件。首先，点击开头的交互事件，如下图所示。

第8步

设置临时按钮的点击交互事件，如下图所示。

第9步

设置复位按钮的点击交互事件，如下图所示。

当前位置所有的工作都准备好了，可以完成了。f5预览它，如下图所示。当你点击开始时，秒会转到59开始倒计时。点按以暂停和重置。

第10步

以上是“Axure如何做出2分钟倒计时的效果？”相信大家都仔细看过这篇文章的所有内容。如果在学习过程中遇到问题，不妨再看一遍文章。相信大家都能轻松解决目前的问题。

Tags：

转载：感谢您对我们平台的认可，以及对我们文章的青睐，内容均为用户上传，仅用于交流分享，如有侵权请联系删除，邮箱：332078507@qq.com。https://www.zizhi888.cn/sjzs/53727.html

很赞哦！ ()