Android开发自定义短信验证码实现过程详解.docxVIP

第

Android开发自定义短信验证码实现过程详解

目录效果图简介功能分析代码实现1、创建CodeEditText2、创建自定义配置参数3、获取自定义配置参数4、重写onDraw方法对当前焦点索引currentIndex的计算单个验证码宽度codeItemWidth的计算第一个验证码距离左边的间距space的计算5、绘制表格样式6、绘制方块样式7、绘制横线样式8、绘制圈圈样式9、绘制输入数据展示10、控件使用

效果图

简介

基本上只要需要登录的APP，都会有验证码输入，所以说是比较常用的控件，而且花样也是很多的，这里列出来4种样式，分别是：

表格类型方块类型横线类型圈圈类型

其实还有很多其他的样式，但是这四种是我遇到最多的样式，所以特地拿来实现下，网上有很多类似的轮子，实现方式也是蛮多的，比如说：

组合控件（线性布局添加子View)自定义ViewGrop自定义View...

自己看了些网络上实现的方案，参考了一些比较好的方式，这里先来分析下这个控件有哪些功能，再决定实现方案。

功能分析

1、默认状态样式展示2、支持设置最大数量3、支持4种类型样式4、点击控件，弹出键盘，获取焦点，显示焦点样式。焦点失去，展示默认样式。5、输入数据，焦点移动到下一个位置，删除数据，焦点也跟随移动

通过功能4让我第一想到的就是EditText控件，那么怎么做呢？大家都知道EditText有自己的样式和操作，如果我们可以屏蔽无用的样式和功能，留下我们需要的不就可以了吗。

[图片上传失败...(image-888083-1663139918159)]

EditText

点击EditText可以弹出键盘（需要的），并获取焦点（需要的），显示光标（不需要的）长按EditText会显示复制，粘贴等操作（不需要的）输入数据，内容默认显示（不需要的）

上面对EditText基本使用时出现的样式和操作，有的是需要的，有的是不需要的，我们可以对不需要的进行屏蔽，来代码走起。

代码实现

1、创建CodeEditText

继承AppCompatEditText，并屏蔽一些功能。

classCodeEditText@JvmOverloadsconstructor(context:Context,varattrs:AttributeSet,vardefStyleAttr:Int=0):

AppCompatEditText(context,attrs,defStyleAttr){

init{

initSetting()

privatefuninitSetting(){

//内容默认显示（不需要的）-文字设置透明

setTextColor(Color.TRANSPARENT)

//触摸获取焦点

isFocusableInTouchMode=true

//不显示光标

isCursorVisible=false

//屏蔽长按操作

setOnLongClickListener{true}

2、创建自定义配置参数

这里根据样式，列举一些参数，如果需要其他参数可以自行添加

declare-styleablename=CodeEditText

!--code模式--

attrname=code_modeformat=enum

!--文字--

enumname=textvalue=0/

!--TODO拓展--

/attr

!--code样式--

attrname=code_styleformat=enum

!--表格--

enumname=formvalue=0/

!--方块--

enumname=rectanglevalue=1/

!--横线--

enumname=linevalue=2/

!--圆形--

enumname=circlevalue=3/

!--TODO拓展--

/attr

!--code背景色--

attrname=code_bg_colorformat=color/

!--边框宽度--

attrname=code_border_widthformat=dimension/

!--边框默认颜色--

attrname=code_border_colorformat=