Android开发之自定义随机验证码控件
版权申明】非商业目的注明出处可自由转载
博文地址:https://blog.csdn.net/ShuSheng0007/article/details/81455593
出自:shusheng007
- 概述
- 随机验证码的作用
- 实现方案
- 实现方式
- 如何使用
- 改进
- 总结
概述
前段时间,开发中需要一个随机验证码的功能。然而我发现身边很多做移动开发的同学以及产品经理竟然不知道这个随机验证码是干什么用的?他们竟然觉得这个是为了UI页面的美观,真是令人大跌眼镜。我们做一件事情首先应该明白为什么做这件事情,解决什么问题,这都搞不清,做它何用?
随机验证码的作用
验证码(CAPTCHA)是“Completely Automated Public Turing test to tell Computers and Humans Apart”(全自动区分计算机和人类的图灵测试)的缩写,是一种区分用户是计算机还是人的公共全自动程序。可以防止:恶意破解密码、刷票、论坛灌水,有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试,实际上用验证码是现在很多网站通行的方式,我们利用比较简易的方式实现了这个功能。这个问题可以由计算机生成并评判,但是必须只有人类才能解答。由于计算机无法解答CAPTCHA的问题,所以回答出问题的用户就可以被认为是人类。
就是确保某次登录为人为登录,非计算机暴力破解。
实现方案
先上一效果图
随机获取要展示的字符串,然后以不规则的形式绘制出来,添加一些干扰因素,例如干扰线、噪点等。
1:首先想到的就是实现一个自定义View
,在其onDraw()
中绘制,但是此方式会遇到一个比较棘手的问题。
当键盘弹出与收回时,会触发自定义View
的onDraw()
方法,那样就会重绘一次,造成位置变动。
解决办法:
我能想到的解决办法就是类似于打快照的办法。在每次绘制后就将其现有信息保存起来,使被动触发的onDraw()
均使用快照,而只有我们主动刷新时再重新设置绘制信息。
2:不使用自定义View
,而是生成一张图片,设置到ImageView
中,这样就避免了自定义View的问题。
实现方式
下面是完整的代码,主要关注两个接口方法:
createCodeImage():创建随机验证码图片
getCode() :获取当前验证码
public class RandomVerifyCode {private static final char[] CHARS = {'0','1', '2', '3', '4', '5', '6', '7', '8', '9','a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'k', 'm','n', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z','A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M','N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'};private Context mContext;private ImageView imgContainer;private int textCount;private int lineCount;private float textSize;private int width = 100, height = 40;private String code;private Random random = new Random();private Paint paint = new Paint();public RandomVerifyCode(Context context, @NonNull ImageView imgContainer, int textCount, int lineCount, float textSizeDp) {this.mContext = context;this.textCount = textCount;this.lineCount = lineCount;this.textSize = CommonUtils.dp2px(mContext, textSizeDp);this.imgContainer = imgContainer;imgContainer.setOnClickListener(v -> {createCodeImage();});paint.setAntiAlias(true);paint.setTextSize(textSize);}public void createCodeImage() {code = createCode();imgContainer.post(() -> {width = imgContainer.getWidth();height = imgContainer.getHeight();Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);Canvas canvas = new Canvas(bitmap);int tenDp = CommonUtils.dp2px(mContext, 10);int dx = tenDp;for (int i = 0; i < textCount; i++) {randomTextStyle(paint);canvas.drawText(code.charAt(i) + "", dx, getDrawY(height, CommonUtils.dp2px(mContext, 3),(int) textSize), paint);dx += (width - tenDp * 2) / textCount;}for (int i = 0; i < lineCount; i++) {drawLine(canvas, paint);}canvas.save();canvas.restore();imgContainer.setImageBitmap(bitmap);});}public String getCode() {if (TextUtils.isEmpty(code))throw new UnsupportedOperationException("请先调用createCodeImage()方法");return code;}//随机生成文字样式,颜色,粗细,倾斜度private void randomTextStyle(Paint paint) {int color = Color.rgb(255, 255, 255);paint.setColor(color);paint.setFakeBoldText(random.nextBoolean()); //true为粗体,false为非粗体float skewX = random.nextFloat();skewX = random.nextBoolean() ? skewX : -skewX;paint.setTextSkewX(skewX); //float类型参数,负数表示右斜,正数左斜}private void drawLine(Canvas canvas, Paint paint) {int color = randomColor(1);int startX = random.nextInt(width);int startY = random.nextInt(height);int stopX = random.nextInt(width);int stopY = random.nextInt(height);paint.setStrokeWidth(3);paint.setColor(color);canvas.drawLine(startX, startY, stopX, stopY, paint);}private int randomColor(int rate) {int red = random.nextInt(256) / rate;int green = random.nextInt(256) / rate;int blue = random.nextInt(256) / rate;return Color.rgb(red, green, blue);}private String createCode() {StringBuilder buffer = new StringBuilder();for (int i = 0; i < textCount; i++) {buffer.append(CHARS[random.nextInt(CHARS.length)]);}return buffer.toString();}private int getDrawY(int height, int offsetY, int textHeight) {double tempY = Math.random() * (height - textHeight - offsetY * 2) + textHeight;return (int) tempY;}
}
如何使用
在需要展示验证码的地方放一个ImageView
控件,设置其背景色,大小等。然后调用相关方法即可,如下所示。
public class MainActivity extends AppCompatActivity {private RandomVerifyCode verifyCode;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);ImageView codeImg = findViewById(R.id.iv_verify_code);verifyCode = new RandomVerifyCode(this, codeImg, 4, 5, 25);verifyCode.createCodeImage();}
}
改进
本类有非常多可以改进的地方,有兴趣的同学可以尝试:
- 验证码的颜色是固定为白色,可以改进为可配置。
- 现在只有干扰线,可以尝试添加噪点
- 干扰线宽度不能配置
- 验证码数据源不能配置,现在为0到9,小写字母与大写字母,如果遇到纯数字或纯字母等需求,需要修改源代码。
- 如果改了以上几条,最好考虑使用
Builder
模式重构此类。
总结
哪怕真力无穷,进一步有进一步的欢喜,祝编码愉快。
Android开发之自定义随机验证码控件相关推荐
- 星星评价控件android开发_android自定义星级评分控件,可实现只显示实心星星
话不多说,上图 近日app需求弄一个等级展示,看了下UI图,只显示实星(点亮的星星).如图 但是网上关于星级评分的例子大多这样 也展示虚心星星 通过自定义Viewpackage com.starsba ...
- Android开发技巧——自定义控件之组合控件
Android开发技巧--自定义控件之组合控件 我准备在接下来一段时间,写一系列有关Android自定义控件的博客,包括如何进行各种自定义,并分享一下我所知道的其中的技巧,注意点等. 还是那句老话,尽 ...
- Android开发之如何实现日历控件
我们大家都知道,在Android平台3.0中才新增了日历视图控件,可以显示网格状的日历内容,那么对于3.0以下的版本要使用日历控件只能借助第三方,目前用的最多的是CalendarView. 先简单介绍 ...
- android触摸效果,Android开发进阶:仿MIUI12控件触摸反馈效果(下沉+倾斜)附源码...
简单模仿了下MIUI12里控件的触摸反馈效果,转载请标明出处 效果简述 按压控件内圈区域,控件整体缩小,高度降低(阴影消失) 按压内圈 按压控件外圈区域,依据触摸点控件以中心为支点,向触摸点倾斜 按压 ...
- 求助 android开发中 如果两个控件的id相同 会怎样?如何使用findviewbyid ()寻找到?
相同文件下如果控件id相同是不允许的,eclipse会报错的,如果不是同在一个布局文件中的话就可以,findviewbyid ()找的那个id是你前面用setContentView(R.layout. ...
- Android拼图滑块验证码控件
大咖好,博主毕业工作半年多了.今天给大噶呈献博主博客处女作--Android拼图滑块验证码控件.由于初写博客,很多地方可能不够好,望各位多多给点意见.工作半年才送出第一篇博客很惭愧555. 概述 验证 ...
- Android 滑动拼图验证码控件
Android 滑动拼图验证码控件 简介: 很多软件为了安全防止恶意攻击,会在登录/注册时进行人机验证,常见的人机验证方式有:谷歌点击复选框进行验证,输入验证码验证,短信验证码,语音验证,文字按顺序选 ...
- 小视频app源码,Android 滑动拼图验证码控件
小视频app源码,Android 滑动拼图验证码控件 代码实现: 滑块视图类:SlideImageView.java.实现小视频APP源码随机选取拼图位置,对拼图位置进行验证等功能. public c ...
- Android滑块拼图验证码控件
转自 王小冉的文章:https://blog.csdn.net/w690333243/article/details/90311187 https://github.com/luozhanming/ ...
最新文章
- 、|| 和 、| 的区别(详尽版)
- sharepoint 2013 使用outlook 打开sharepoint 任务失败
- linux sort命令
- 机器学习笔记: 聚类 模糊聚类与模糊层次聚类(论文笔记 Fuzzy Agglomerative Clustering :ICAISC 2015)
- MAC显示隐藏文件和文件夹
- delphi日期格式显示及文件打开方式小结
- AOP的MethodBeforeAdvice
- Docker学习总结(59)——DockerFIile相关知识点再总结
- AJAX实例二:实现类似Google的搜索提示【原著】
- 三菱fx3u通讯手册_使用USR-N510实现局域网内连接FX3U
- React Native 运行环境安装:0.6以下/以上版本的 新老项目 都适用
- 【算法】常见排序算法效率比较和代码
- linux设备驱动——字符设备驱动
- ARM指令集之乘法指令
- A星寻路算法详解(完整代码+图片演示)
- java excel转pdf linux_docker安装libreoffice并实现把Excel转为pdf
- 怎么用虚拟机搭建云服务器,利用虚拟机搭建云服务器
- MATLAB中clc命令详解
- pscs6安装序列号
- 求解形式幂级数的一阶微分方程
热门文章
- 对接抖音开发之售后消息实时通知订单部分退款
- 正在连接 raw.githubusercontent.com (raw.githubusercontent.com)|::|:443... 失败:拒绝连接。
- 对于2022年美联储将要加息、缩表的见解
- Gingko Framework:session的使用
- U-App 升级剧透,你不抢个内测账号?
- iqooneo3 如何不用vivo账号下载外部应用_vivo新推黄金会员九折特权,快来看看你可以省多少?...
- java early eof_jfinal上传文件报异常RuntimeException:Early EOF
- Codeforces A. Commentary Boxes
- python geany是什么_Geany中怎么配置python?
- 电脑中WPS卸载后Office文档显示无法识别的图标