当前位置:澳门威尼斯人线上娱乐>彩票图标>蓬莱岛娱乐注册官网·Axure教程:进阶版倒计时

蓬莱岛娱乐注册官网·Axure教程:进阶版倒计时

2020-01-06 21:49:31        浏览量: 1723次

蓬莱岛娱乐注册官网·Axure教程:进阶版倒计时

蓬莱岛娱乐注册官网,这个原型是作者根据上一篇文章《axure教程:获取验证码倒计时的实现》,发散思维想到去做的一个原型案例,在这里分享出来,希望可以帮助到一样刚起步的产品小白。

如果该教程较难,建议先观看我做的第一个倒计时(简单版),操作步骤更为详细:http://www.woshipm.com/rp/3133460.html。

开门见山,我们先来看看效果↓

预览图:

预览网址:https://jxvo3f.axshare.com

一个命名为“触发器”的动态面板(两个面板状态)、一个命名为“秒”的矩形,并填入文字“10”、一个命名为“分”的矩形,并填入文字“01”、一个命名为“时”的矩形,并填入文字“01”、两个“:”矩形、一个填充色为黄色的背景矩形。

(1)设置动态面板交互——载入时

这个交互的作用是一直触发动态面板的下一个交互——状态改变时。

(2)设置动态面板第二个交互——状态改变时(case 1)

这里就不列举详细操作步骤了,较为详细的步骤就在我的开头的文章里面有介绍。

case1的作用是:“当“秒”矩形内的数值大于0时则自减1”。

(3)设置动态面板第三个交互——状态改变时(case 2)

case2里多了一个条件,那么axure如何设置多个条件呢?只需要在“编辑条件”里面再点击一下红圈里面的加号即可添加多一个条件了。

case2的作用是:“当“秒”矩形内数值为0时,“分”矩形内数值减1,“秒”矩形内数值设为59”。

(4)设置动态面板第四个交互——状态改变时(case 3)

case3的作用是:“当“秒”矩形内数值为0且“分”矩形内数值也为0时,则“时”矩形内数值减1,且“分”矩形数值设为59,“秒”矩形数值设为59”

(5)大功告成,按f5预览看看效果

(1)如果预览时觉得看数值变化太慢了,可以把动态面板的交互——载入时的循环间隔时间设置为1ms。

(2)这个原型有一个缺陷,就是当倒计时倒数到个位数时,无法显示为“09、08、07”这样子,在个位数前面补0,当然简单的替换方案就是在“时”“分”“秒”矩形前面加一个隐藏的0,并设置显示时的条件为:“当“时”“分”“秒”矩形内的数值低于10时显示并在大于10时隐藏即可”。但是如何通过函数实现,期望有大佬可以来讲解一下。

(3)该原型的适用场景有很多,比如说现在许多商城的限时抢购都会用到时分秒的倒计时。学会了就可以应用在这些场景里面了(๑•̀ㅂ•́)و✧

(4)正式使用时,记得要将仅仅用来实现倒计时功能的动态面板隐藏掉。这里我为了展示效果所以没有隐藏。

(5)这个原型是根据我的上一篇文章《axure教程:获取验证码倒计时的实现》,发散思维想到去做的一个原型案例,在这里分享出来,希望可以帮助到和我一样刚起步的产品小白。

本文由 @nilz 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 unsplash ,基于 cc0 协议

上一篇:王玺敬:黄金反弹迹象初显 静待会议纪要揭晓
下一篇:只要开车做到这5点,新手开车也很安全!

   相关新闻
内衣界春晚停办众神时代不再,Rosie在线营业最时髦对镜自拍
新设6个自贸区 中国开放再加速
委员建议:对14岁以下未成年人犯罪作出法律规范,可追究家长法律责任
Freeport-McMoRan每股分红0.0500美元 10月15日股权登记
秦洪:市场需要反弹来修复技术指标 资金抽离压力犹存
长征时评长征胜利的“精神密码”究竟是什么?
李大霄:逆周期政策将形成正面作用 股市总攻在即
牛市早报|北向资金净流入规模创纪录,两只新股今日申购

  热门新闻:
偏僻海边走私冻品,拱北海关出击,现场查扣冻猪脚等100多吨  偏僻海边走私冻品,拱北海关出击,现场查扣冻猪脚等100多吨
李铁压力大,国足二队对阵日本三队,东亚杯7次交锋难求一胜  李铁压力大,国足二队对阵日本三队,东亚杯7次交锋难求一胜
满服役期战友,当兵你们后悔吗?  满服役期战友,当兵你们后悔吗?
新片口碑爆棚7.1分,黄渤巅峰依旧,但票房5天只收到6596万  新片口碑爆棚7.1分,黄渤巅峰依旧,但票房5天只收到6596万
《杀人回忆》原型被曝家财万贯,《请回答1988》中竟也有他出现  《杀人回忆》原型被曝家财万贯,《请回答1988》中竟也有他出现
立法了!潍坊人增加产假60天,批准“痛经假”!男性也有新假期  立法了!潍坊人增加产假60天,批准“痛经假”!男性也有新假期
四川男子砍6人:街坊说他有癫痫病史 当天砍伤母亲  四川男子砍6人:街坊说他有癫痫病史 当天砍伤母亲
华软科技11月12日延续上一交易日强势继续涨停  华软科技11月12日延续上一交易日强势继续涨停
年过50有两个孙女,“奶奶”级别的她凭什么能成为“时尚教母”?  年过50有两个孙女,“奶奶”级别的她凭什么能成为“时尚教母”?
后背肉多的人,不要再傻傻节食,经常后仰,或能帮你瘦背  后背肉多的人,不要再傻傻节食,经常后仰,或能帮你瘦背

 优选新闻
史可法的优柔寡断,让南明一开始就走上灭亡的内斗之路  史可法的优柔寡断,让南明一开始就走上灭亡的内斗之路
孩子这3个'‘怪癖’',往往代表高智商,父母别扼杀了'‘天才基因’'  孩子这3个'‘怪癖’',往往代表高智商,父母别扼杀了'‘天才基因’'
苹果园国际社区 VS 广汇·金色华府谁是你的菜?  苹果园国际社区 VS 广汇·金色华府谁是你的菜?
济南老知青重阳节设宴敬老,十几年如一日回馈乡亲  济南老知青重阳节设宴敬老,十几年如一日回馈乡亲
非遗曲艺周9月在济南举行 131个项目将亮相  非遗曲艺周9月在济南举行 131个项目将亮相
不仅3个月“从零到万”,长城炮还要继续“刷卡”  不仅3个月“从零到万”,长城炮还要继续“刷卡”
《叶问4》是这一系列真正完结吗?叶伟信这样回应  《叶问4》是这一系列真正完结吗?叶伟信这样回应
德雷蒙德-格林:我们太TM烂了  德雷蒙德-格林:我们太TM烂了
家庭暴力的本质是权力和控制,如何区分夫妻吵架与家庭暴力?  家庭暴力的本质是权力和控制,如何区分夫妻吵架与家庭暴力?
试验五省(市)完成“携号转网”用户316万  试验五省(市)完成“携号转网”用户316万

© Copyright 2018-2019 newpelay.com 澳门威尼斯人线上娱乐 .All Right Reserved