时间:2021-05-22
倒计时这个是经常用到的,那如何利用Axure RP 8实现这个效果呢?场景是:一个按钮触发倒计时,点击后,时间倒数。下面利用一个实例实现这个倒计时,操作如下:
1、打开Axure RP 8设计软件,依此操作“项目---全局变量”,添加全局变量“timer”,如下图所示:
2、拖曳一个按钮和面板到页面,修改按钮显示内容为“倒计时”,如下图所示:
3、选中面板双击,再添加一个面板状态,如下图所示:
4、设置按钮禁用时,按钮的交互样式;禁用时,按钮背景色为灰色,如下图所示:
5、添加鼠标单击实例,状态为“Next”,向后循环、循环间隔1000毫秒,如下图所示:
6、设置禁用时组织动作,选择禁用单选按钮,如下图所示:
7、为全局变量添加条件,确保timer大于0;并设置timer在不断减一,如下图所示:
8、设置倒计时按钮文本显示内容,这里设置为倒计时秒数,如下图所示:
注意事项:
注意鼠标单击事件的用法
注意全局变量的设置
相关推荐:
Axure中怎么制作动态倒计时的原型?
axure RP7.0怎么制作60秒倒计时效果?
Axure8怎么设计点击按钮触发控件变化的交互效果?
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
ppt中为了实现某种效果,想要添加一个倒计时动画,该怎么制作倒计时的动画效果呢?下面我们就来看看详细的教程。软件名称:PowerPoint2017简体中文免费完
在很多场合,都可以看到很帅气的倒计时的动画,那究竟这个动画是怎么做出来的?下面就和大家分享一下如何用AE来制作一个贴心的倒计时的小动画。软件名称:AfterEf
AE中我们经常绘制倒计时的动画效果,该怎么只做飞舞的蝴蝶组成的数字倒计时动画呢?下面我们就来看看详细的教程。软件名称:AdobeAfterEffectsCC20
js通过Date对象实现倒计时效果,具体内容如下倒计时动画div{text-align:center;height:100px;line-height:100p
网页中经常能看到倒计时的效果,为了验证的实时有效性,该怎么制作倒计时呢?下面我们就来看看详细的教程。一、原理:我们利用变量和条件判断来做倒计时。具体呢是当值到一