Android实现滑块拼图验证码功能

2023-07-05 06:12:03 81

滑块拼图验证码应该算是很常见的功能了，验证码是可以区分用户是人还是机器。可以防止破解密码、刷票等恶意行为。本文将介绍Android拼图滑块验证码控件的实现过程。希望能帮助到大家。

先看最终的效果图：

本文只是做了个Demo，并没有加入到实际的项目中，所以各位童鞋可以根据自己的需求就行修改即可。

一、实现步骤：

1、定义自定义属性；2、确认目标位置，这里使用的是阴影图片来遮盖背景图片；3、创建与目标位置相结合的滑块图片；4、设置目标阴影图片和滑块图片可以随机旋转,并保持一致；5、创建拖拽条，使滑块随着拖拽条的拖拽而移动；6、判断是否验证成功。

二、实现流程：

1、定义自定义属性创建一个attr文件来定义一些自定义属性

2、确认目标位置，这里使用的是阴影图片来遮盖背景图片

/**
*创建目标图片(阴影部分)
*/
privateBitmapdrawTargetBitmap(){
//绘制图片
BitmapshowB;
if(null!=mShowBp){
showB=handleBitmap(mShowBp,mUintWidth,mUintHeight);
}else{
showB=handleBitmap(BitmapFactory.decodeResource(getResources(),R.mipmap.puzzle_show),mUintWidth,mUintHeight);
}
//如果需要旋转图片,进行旋转，旋转后为了保持和滑块大小一致,需要重新缩放比例
if(needRotate){
showB=handleBitmap(rotateBitmap(rotate,showB),mUintWidth,mUintHeight);
}
returnshowB;
}

3、创建与目标位置相结合的滑块图片

/**
*创建结滑块图片
*
*@parambp
*/
privateBitmapdrawResultBitmap(Bitmapbp){
//绘制图片
BitmapshadeB;
if(null!=mShadeBp){
shadeB=handleBitmap(mShadeBp,mUintWidth,mUintHeight);
}else{
shadeB=handleBitmap(BitmapFactory.decodeResource(getResources(),R.mipmap.puzzle_shade),mUintWidth,mUintHeight);
}
//如果需要旋转图片,进行旋转,旋转后为了和画布大小保持一致,避免出现图像显示不全,需要重新缩放比例
if(needRotate){
shadeB=handleBitmap(rotateBitmap(rotate,shadeB),mUintWidth,mUintHeight);
}
BitmapresultBmp=Bitmap.createBitmap(mUintWidth,mUintHeight,
Bitmap.Config.ARGB_8888);
Paintpaint=newPaint();
paint.setAntiAlias(true);
Canvascanvas=newCanvas(resultBmp);
canvas.drawBitmap(shadeB,newRect(0,0,mUintWidth,mUintHeight),
newRect(0,0,mUintWidth,mUintHeight),paint);
//选择交集去上层图片
paint.setXfermode(newPorterDuffXfermode(PorterDuff.Mode.MULTIPLY));
canvas.drawBitmap(bp,newRect(0,0,mUintWidth,mUintHeight),
newRect(0,0,mUintWidth,mUintHeight),paint);
returnresultBmp;
}

4、设置目标阴影图片和滑块图片可以随机旋转,并保持一致

/**
*旋转图片
*
*@paramdegree
*@parambitmap
*@return
*/
publicBitmaprotateBitmap(intdegree,Bitmapbitmap){
Matrixmatrix=newMatrix();
matrix.postRotate(degree);
Bitmapbm=Bitmap.createBitmap(bitmap,0,0,bitmap.getWidth(),
bitmap.getHeight(),matrix,true);
returnbm;
}

5、创建拖拽条，使滑块随着拖拽条的拖拽而移动

//滑块监听
mSeekBar.setOnSeekBarChangeListener(newSeekBar.OnSeekBarChangeListener(){
@Override
publicvoidonProgressChanged(SeekBarseekBar,inti,booleanb){
//设置滑块移动距离
mDY.setUnitMoveDistance(mDY.getAverageDistance(seekBar.getMax())*i);
}

@Override
publicvoidonStartTrackingTouch(SeekBarseekBar){

}

@Override
publicvoidonStopTrackingTouch(SeekBarseekBar){
//验证是否拼接成功
mDY.testPuzzle();
}
});

6、判断是否验证成功

/**
*验证是否拼接成功
*/
publicvoidtestPuzzle(){
if(Math.abs(mUnitMoveDistance-mUnitRandomX)<=DEFAULT_DEVIATE){
if(null!=mlistener){
mlistener.onSuccess();
}
}else{
if(null!=mlistener){
mlistener.onFail();
}
}
}

三、完整代码

1、自定义控件内容太多这里就不放出来了，完整Demo源码会放在文章后面；

2、代码逻辑

publicclassMainActivityextendsActivity{

//滑块
privateSeekBarmSeekBar;
//自定义的控件
privateImageAuthenticationViewmDY;
privateButtonbtn;

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
initListener();
}

privatevoidinitView(){
mDY=findViewById(R.id.dy_v);
mSeekBar=findViewById(R.id.sb_dy);
btn=findViewById(R.id.btn);
}

privatevoidinitListener(){
//滑块监听
mSeekBar.setOnSeekBarChangeListener(newSeekBar.OnSeekBarChangeListener(){
@Override
publicvoidonProgressChanged(SeekBarseekBar,inti,booleanb){
//设置滑块移动距离
mDY.setUnitMoveDistance(mDY.getAverageDistance(seekBar.getMax())*i);
}

@Override
publicvoidonStartTrackingTouch(SeekBarseekBar){

}

@Override
publicvoidonStopTrackingTouch(SeekBarseekBar){
//验证是否拼接成功
mDY.testPuzzle();
}
});

//控件监听
mDY.setPuzzleListener(newImageAuthenticationView.onPuzzleListener(){
@Override
publicvoidonSuccess(){
//mSeekBar.setEnabled(false);//禁止滑动
Toast.makeText(MainActivity.this,"验证成功",Toast.LENGTH_SHORT).show();
}

@Override
publicvoidonFail(){
Toast.makeText(MainActivity.this,"验证失败",Toast.LENGTH_SHORT).show();
mSeekBar.setProgress(0);
}
});

//重置
btn.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
//mSeekBar.setEnabled(true);
mSeekBar.setProgress(0);
mDY.reSet();
}
});
}
}

3、布局文件

源码下载

到此这篇关于Android实现滑块拼图验证码功能的文章就介绍到这了,更多相关Android滑块拼图验证码内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

Android实现滑块拼图验证码功能

一、实现步骤：

二、实现流程：

三、完整代码

热门推荐

随机推荐