Android滑動拼圖行為驗證碼

前言

行為式驗證碼是新型的人機(jī)驗證方式，能高效的攔截機(jī)器的行為，具有極高的安全性和極致的用戶體驗铡溪。目前行為式驗證碼具有多種類型，例如滑動拼圖驗證碼泪喊、文字點選驗證碼棕硫、圖標(biāo)點選驗證碼、推理拼圖驗證碼等袒啼。有很多廠家都出了相關(guān)的SDK（當(dāng)然這都是要收費(fèi)的）哈扮，例如網(wǎng)易易盾、云天瘤泪、極驗灶泵，頂象等。

下面我介紹一個有關(guān)滑動拼圖驗證碼的開源庫对途。

滑動拼圖行為驗證碼

首先我先貼上這個滑動拼圖行為驗證碼的github鏈接：

GitHub - luozhanming/Captcha: Android滑塊拼圖驗證碼控件

大家可以自己去下載源碼來分析赦邻、優(yōu)化并且進(jìn)行擴(kuò)展。

首先我們可以看看這個demo的效果圖

此開源庫實現(xiàn)了兩種滑動拼圖行為驗證碼方式实檀，一種是依靠滑動條來控制拼圖的位置惶洲，另外一種則是依靠觸摸缺塊拼圖來完成驗證。

首先我們要在自己的項目中引入這個開源庫膳犹，有兩種引入方式恬吕，直接通過build.gradle引入依賴或者下載github上源碼把源碼中的library作為module引入項目：

在布局中配置Captcha控件

實列化Captcha類，設(shè)置滑動拼圖的圖片并且實現(xiàn)監(jiān)聽须床，滑動拼圖的驗證結(jié)果都會通過CaptchaListener回調(diào)铐料，我們可以在onAccess、onFailed、onMaxFailed的回調(diào)方法中處理不同的操作钠惩。

以上就是它簡單的使用方式柒凉，下面我們來看看開源庫的源碼。

源碼中創(chuàng)建了CaptchaListener接口篓跛，此接口定義了三個方法膝捞，分別是onAccess、onFailed和onMaxFailed愧沟，代表的操作分別是驗證成功蔬咬，驗證失敗，失敗次數(shù)已達(dá)上限沐寺。

在Captcha的構(gòu)造函數(shù)中林艘，自定義了幾個屬性，分別是：

drawableId：設(shè)置滑動拼圖的背景圖芽丹；

progressDrawableId：設(shè)置滑動條的樣式圖片北启；

thumbDrawableId：設(shè)置滑動塊的樣式圖片卜朗；

mMode：設(shè)置控件驗證模式拔第，分別為MODE_BAR【有滑動條】和MODE_NONBAR【無滑動條】；

maxFailedCount：設(shè)置最大失敗次數(shù)场钉；

blockSize：設(shè)置拼圖缺塊的大形冒场；

介紹完自定義屬性后逛万，我們看一下控件的初始化的方法

首先初始化控件泳猬，setMode是設(shè)置當(dāng)前的模式，是有滑動條還是無滑動條宇植，然后判斷是否設(shè)置了drawableId得封，drawableId不為空的話，設(shè)置滑動拼圖的圖片指郁，setBlockSize設(shè)置缺塊的大小忙上，然后vertifyView.callback是處理用戶操作滑動拼圖是否成功的回調(diào)，而setSeekBarStyle則是設(shè)置滑動條和滑動塊的樣式闲坎，seekbar.setOnSeekBarChangeListener則是監(jiān)聽滑動條的滑動狀態(tài)疫粥，refreshView則是左上角的刷新圖片，用來刷新拼圖的缺塊位置的腰懂。

這些都是附加配置梗逮，如果有不符合自己需要的話，其實也可以找到對應(yīng)的地方绣溜，進(jìn)行改造慷彤。

我們還可以自定義拼圖樣式，自己實現(xiàn)Captcha的策略，詳情可以參考開源庫中的DefaultCaptchaStrategy底哗，并且自行改造贷屎。

而此庫中最重要的就是PictureVertifyView這個自定義的圖片控件，里面實現(xiàn)了陰影的繪制艘虎，缺塊的繪制唉侄，滑動或者觸摸時缺塊的動畫繪制，還有滑動后是否驗證成功野建，觸摸后是否驗證成功的檢測方法等属划。下面我截部分代碼介紹一下實現(xiàn)方式，詳情可以自己下載github中的demo繼續(xù)研究研究候生。

在MODE_BAR的模式下同眯，監(jiān)聽滑動條的事件，分別是：

onStartTrackingTouch：開始觸摸滑動塊事件唯鸭；

onProgressChanged：移動觸摸塊事件须蜗；

onStopTrackingTouch:停止觸摸滑動塊事件；

PictureVertifyView中的down目溉、move方法設(shè)置當(dāng)前滑動拼圖的狀態(tài)并且計算對應(yīng)的left值明肮，然后重繪此控件，實現(xiàn)缺塊滑動的動畫缭付，在停止滑動后柿估，回調(diào)onStopTrackingTouch方法并且調(diào)用了loose方法去檢測滑動拼圖驗證是否成功

checkAccess方法檢測滑動拼圖是否通過并且callback onSuccess和onFailed的方法，在該回調(diào)方法中陷猫，實現(xiàn)CaptchaListener接口中的onAccess秫舌、onFailed和onMaxFailed方法。

而在MODE_NONBAR的模式下绣檬，則是監(jiān)聽觸摸事件來判斷滑動拼圖操作是否成功：

其實觸摸的實現(xiàn)方式足陨，類似于滑動的實現(xiàn)方式

只要理解了滑動模式的實現(xiàn)方式，無滑動模式的實現(xiàn)方式一定能理解娇未，這里就不再重復(fù)介紹了墨缘！

Captcha的滑動拼圖行為驗證碼的開源庫就介紹到這里啦，下面順便貼出庫主的博客：

Android拼圖滑塊驗證碼控件_LawCoder的博客-CSDN博客_android 滑塊驗證

其實大家最好是自己閱讀源碼忘蟹，訓(xùn)練閱讀源碼的能力并且還可以進(jìn)行源碼的改造飒房，實現(xiàn)你自己自定義的滑動拼圖行為驗證碼，如果覺得開源庫中有什么實現(xiàn)不好的地方還可以自己優(yōu)化媚值，例如開源庫中使用的網(wǎng)絡(luò)加載圖片的方法就非常的舊~可以自己封裝一個新的網(wǎng)絡(luò)框架去加載圖片等狠毯。

? ? ? ? ? ? ? ? ? ? ? ? ??2021年11月1日程序猿小鐘帶著【Android滑動拼圖行為驗證碼】到此一游~