验证码,除了 12306,我还没有服过谁
我要新鲜事2023-05-14 02:28:371阅
在验证方式中,比较简单的一个是拖动滑块进行验证,本文作者分享了滑块拖动验证码的设计教程,一起来看一下吧。

之前作者发过一系列高保真验证码的教程,本次带来的是本系列的第5篇文章,分享滑块拖动验证码的设计教程。
先看一下最终效果:
接下来分享这个验证码的设计教程。
首先在画布中拖入两个动态面板,分别命名为【滑块】和【滑轨】,每个动态面板中均有两个状态:【默认】和【验证成功】。
以下是两个动态面板对应的两个状态内放置的内容

然后把滑块放在滑轨上方,跟滑轨左对齐,界面就画完了。
全局变量中添加 Drag_Ver_Result,用来记录验证的结果。

首先给【滑块】添加【拖动时】交互,拖动时,滑块跟随水平拖动,同时以【滑轨】的左右边界作为【滑块】移动的边界,这样滑块就可以在滑轨内左右拖动。

接着再给【滑块】添加【拖动结束时】的交互,也就是拖动滑块松手之后的交互。这里需要判断【滑块】是否已经拖动到【滑轨】的最右侧,如果是,表示验证成功,将两个动态面板都切换到【验证成功】的状态,并将变量 Drag_Ver_Result 设置为 True;如果不是,则将【滑块】移动【回拖动前位置】。

这样,这个滑块拖动的验证码就完成了,这是验证码系列中做起来最简单的一个。
其他验证码教程回顾:
专栏作家
产品锦李,公众号:产品锦李(ID:IMPM996),人人都是产品经理专栏作家。不务正业的产品经理和他的产品设计。
本文原创发布于人人都是产品经理,未经许可,禁止转载。
题图来自Unsplash,基于CC0协议。
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。
0001
评论列表
共(0)条相关推荐
最伟大的科学家爱因斯坦
我们熟悉的爱因斯坦我们熟悉的爱因斯坦是这样的,他是人类最伟大的科学家之一,他提出了相对论,发现了质能等价公式E=MC2(平方)。我要新鲜事2017-12-05 12:30:020003最厉害的飞禽是什么(蛇雕)
在自然界的翱翔者中,蛇雕以其卓越的捕猎技巧和强大的飞行能力,被誉为最为厉害的飞禽。这种大中型鹰类的生物不仅以狩猎蛇类著称,更因其独特的生活习性和生存能力在众多飞禽中脱颖而出。蛇雕的体型我要新鲜事2024-03-19 20:25:270005多重人格是一种什么样的体验 说不定你自己也可以尝试
每个人都可能会有人格分裂的倾向。现在的电视剧当中,偶尔就会出现一些人格分裂的设定,可能很多感觉自己非常正常的人也会想象自己要是人格分裂会变成什么样子。但其实根据科学家所说,每个人其实都有着人格分裂的倾向,并且在自己的身体里面起码都有两个人格。下面我们就来看一看为什么会这么说?人格分裂的现象我要新鲜事2023-05-15 21:52:0800004.2光年外的比邻星到底有没有投奔价值
我要新鲜事2023-12-29 20:29:530000狗狗不能吃什么水果?这几种水果最好不要让狗狗吃
导语:狗狗和人不是一个种类,在吃东西方面也有些许不同,有人喜欢把自己的食物给狗尝尝,实际上这对狗来说很不健康,即使是有些水果也是狗不能吃的,那么狗狗不能吃什么水果,共同认识了解下。狗狗不能吃什么水果1、葡萄在狗狗不能吃的东西清单当中也提到了,狗狗是不能吃葡萄的,不管是葡萄还是葡萄干都是不能给狗狗吃的,后果可能相当严重,甚至会导致肾衰竭发生。2、菠萝我要新鲜事2023-05-10 21:47:480000