自定义的可拖动滑块验证码的实现方式（SlideView）

概述：
最近项目中需要在密码输入一定次数后尽心拖动滑块进行验证，防止恶意程序代码一直测试登录，用了GitHub的一个开源库SlideView，但是直接依赖源码是改不了样式的，下边给出自定义的可拖动滑块验证的实现方式
效果图（其中圆角大小，背景色，文字样式都可以自定义）：

1,添加依赖包
地址：https://github.com/MAXDeliveryNG/slideview
这是使用方法和效果的GitHub地址，但是我们使用的时候不要按照上边的依赖在线导入，这样是改不了源码的，只需要将源码下载下来，里边有个一module依赖到项目中就可以了

添加上述依赖后就可以直接使用了，不用再buildgradle中依赖
xml代码：

 <ng.max.slideview.SlideViewandroid:id="@+id/slideView"android:layout_width="match_parent"android:layout_height="35dp"android:background="@drawable/losepwdimgcode_kuang"android:layout_marginLeft="@dimen/margin_20dp"android:layout_marginRight="@dimen/margin_20dp"android:layout_marginTop="10dp"app:buttonBackgroundColor="@color/colorAccent"app:buttonImage="@drawable/ic_chevron_double_right_white_24dp"app:slideBackgroundColor="@android:color/white"app:slideText="Accept"app:slideTextColor="@color/colorAccent"app:strokeColor="@color/colorAccent" />

java代码中设置滑动到头的监听就完事了

SlideView slideView = (SlideView) findViewById(R.id.slider);
slideView.setOnSlideCompleteListener(new SlideView.OnSlideCompleteListener() {@Overridepublic void onSlideComplete(SlideView slideView) {// vibrate the deviceVibrator vibrator = (Vibrator) getSystemService(Context.VIBRATOR_SERVICE);vibrator.vibrate(100);// go to a new activitystartActivity(new Intent(MainActivity.this, NewActivity.class));}});

附：滑块的自定义方式：

属性：

其他属性的自定义（只允许滑动一次，从右向左滑动等）在xml文件中就可以设置，官方文档就有说明，至此就完成了滑块验证的自定义功能

自定义的可拖动滑块验证码的实现方式（SlideView）相关推荐

jQuery拖动滑块验证样式
样式: 目录结构: HTML代码: <!DOCTYPE html> <html><head><title>jQuery仿淘宝网拖动滑块验证码代码< ...
实战 | 手把手教你用Python+OpenCV实现滑块验证码-＞自动拖动验证
导读本文主要介绍如何使用Python+OpenCV实现滑块验证码->自动拖动验证. 背景介绍前几天在某网站下载代码时,跳转到滑块验证码界面,需要验证OK后才能下载,貌似这种验证方式现在很流行 ...
小程序拖动滑块验证（自定义组件插件分享）
效果图: 文章目录: #1 创建组件 #2 组件编码 MoveVerify.wxss MoveVerify.wxml MoveVerify.js #3 页面引用在页面的 json 文件中引用组件在 ...
C#实现的滑块验证码
验证码现在已经广泛用在各种软件上,主要是用于登录与注册的校验.验证码的作用主要是防止恶意注册或暴力登录,早期验证码都是数字验证码,现在基本无法满足需求了,现在验证码已经发展成多种多样了,今天给大家推荐 ...
【愚公系列】2022年12月 .NET CORE工具案例-滑块验证码和拼图验证功能实现
文章目录前言 1.滑块验证码的定义 2.滑块验证码的安全性分析 3.滑块验证码的第三方服务一.滑动验证码和拼图验证功能实现 1.逻辑分析 2.新建项目 3.配置缓存 4.配置跨域 5.后端源码 6 ...
滑块验证码，图片滑块验证码（兼容pc和H5）
背景:登录部分以前用的是那种需要手动输入的验证码方式,现在好多同行都改成了滑块,或者图片滑块验证码的方式(咱们也需要与时俱进,不能落后与竞争对手哈).对于触屏(也就是H5页面)的网站,可以在pc端打开 ...
angularjs 滑块验证码移动端_SliderCaptcha
滑块式验证码用户通过拖动滑块行为来完成校验,支持PC端及移动端.可以将用户拖动行为的时间.精度,滑动轨迹等信息到服务器,然后进行后台算法验证. 特别介绍 Blazor 版本的滑块验证码传送门在线 ...
Python破解滑块验证码算法，完美避开人机识别
| 完美是不可能的,加个震惊!Python破解BiliBili滑块验证码,完美避开人机识别,可以有准备工作 B站登录页 https://passport.bilibili.com/login pyt ...
前后端滑块验证码实例附源码（java jquery）
背景: 发送短信验证码或者登录等场景操作之前都需要进行图片验证码校验或者滑块验证码校验:此举是为了减少黑盒对服务端进行暴力破解密码或者频发短信轰炸请求的操作: 但如果滑块验证完全由前端进行操作,实际上 ...

自定义的可拖动滑块验证码的实现方式（SlideView）

自定义的可拖动滑块验证码的实现方式（SlideView）相关推荐

最新文章

热门文章