Axure交互进阶教程-倒计时制作
成都/UI设计师/7年前/545浏览
版权
Axure交互进阶教程-倒计时制作
Axure交互进阶教程-倒计时制作
这是locky私人共享的工作经验教程,网上是没有的哦,喜欢的请给一个赞~,locky会陆续共享出其他相对复杂一点和网上教程稀少的交互供设计爱好者经验交流~

Axure交互进阶教程-倒计时制作
步骤一:先绘制基本图形,倒计时时可以先不管,绘制一个发送验证码的按钮;
步骤二:复制一个“发送验证码”的按钮,命名为“倒计时”,并设置为初始隐藏,放在发送验证码按钮的上方;
步骤三:基本图形已经绘制完,现在我们来添加交互效果;
步骤四:设置“发送验证码”点击时设置“倒计时”显示文字为60,显示“倒计时”元件;
步骤五:为“倒计时”元件设置自动递减,当显示时,条件1:如果该元件文字不是0,显示元件文字为a秒,设置变量a为元件数字-1,等待1000ms,再次循环此操作;条件2:如果元件文字为0,隐藏“倒计时”,具体axure参数如图:

步骤六:现在可以预览,试一下轮播效果了哦~
2
举报
声明
1
分享
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
登录注册
2登录即可同步推荐记录哦
1登录即可加入我的收藏
评论登录即可评论想法
分享分享













