很多APP或者网站都支持手机号登录,手机号登录一定会涉及短信验证的获取。获取的过程有时间有效性,一般默认为60s,如果用户在时效内未接收到验证码,可再次点击“获取验证码”来获取。今天,我们就来学习用Axure实现这种效果。
前期准备软件:Axure 9.0
硬件:Windows/Mac电脑
逻辑梳理
教程 1. 绘制手机号账户登录页面,如下图找一个手机壳的元件库,或用矩形设置成标准手机尺寸。
*** 内容页面,如左侧图所示。
在手机号输入框中设置提示文字“请输入手机号”。
在验证码输入框中设置提示文字“请输入验证码”。
2. 创建动态面板,建立至少2个以上的状态动态面板的作用主要用于切换状态时的倒计时效果,简单的说,点击获取后60秒到0秒的文案展示都是靠动态面板实现的。这里留一个小思考,为什么要建立至少2个状态呢?
3. 添加获取验证码按钮交互效果给获取验证码按钮起一个名字,并设置禁用时样式。
设置单击时交互。首先,设置之前建好的动态面板状态,设置切换状态下一项时能够间隔向后循环。保证获取验证后的等待时间变化。(动态面板之前已起好名字为“切换状态”)
在单击时交互效果中添加动作,设置一个全局变量x。并设置x的值为60。
4. 设置动态面板状态改变时交互动作情形1 :全局变量x的值不等于0时,即大于0时设置让x的值每次减一。实现点击后变为60秒倒计时,变为0之前禁止重复点击获取验证的效果。
情形2:全局变量x的值等于0时,实现可重新点击获取验证码效果。
验证效果OK,最终达到我们想要的效果,当我们输入手机号以后点击获取验证码后,按钮变为禁用状态,同时文案进行倒计时展示,当倒计时为0时,按钮变为启用状态。
结语还是那句话,希望大家想一下。想要完成倒计时效果,除了我为大家讲解的这种,是否还有其他 *** 可以实现呢?
Axure作为产品经理的必备工具,不光是帮我们实现了交互效果,更多的是要学会它实现效果的思路,我希望大家能在我的文章中找到自己的进步。感谢大家观看~
编辑导读:市场调研对营销打点很是重要,通过市场调研,相识外部的市场,相识市场情况变革,为决定提供依据。本文作者就环绕市场调研展开了阐述,看看市场调研为什么是营销中最重要也是最容易被忽视的一环。 在所...
本文主要阐明白B站的内容创作和视频寓目两个方面,通过成果体验与竞品阐明对现有成果提出了一些优化发起,总计了B站现有的机会与挑战。 目次:产物概述 需求阐明与用户阐明 产物阐明 竞品阐明 SWOT阐明...
编辑导语:关于社群运营这个岗亭,一直以来都存在几个误解:社群运营是运营微信群吗?社群运营是客服吗?在开始运营社群之前,首先应该知道本身的定位是什么?想要到达什么样的目标?假如这些基本的计谋没思量清楚,...
编辑导读:思考方法会影响到一小我私家的行为习惯,在贸易勾当中,与众差异的思考方法大概会帮你发明纷歧样的商机,得到乐成。许多时候,我们被面前的事物所限,无法看清背后的真相,这就需要我们转变思维方法了。本...
在产物中,有许多因素大概导致用户无法完成任务,可能完成任务的效率很是低,或错误率很高,而这些环境是可用性问题中最急切需要办理的问题范例,在设计中应给以更多存眷。 最近,因为疫情,看病登记必需通过网上...
编辑导语:本系列是作者分享的关于“国潮”的意义和领略,这几年国潮鼓起,各品牌与国潮相助的项目也变多;国潮之于品牌的代价毕竟是什么?为什么这些品牌要做国潮?本文作者分享了关于国潮的领略,我们一起来看一下...