2024年Android最全Android View自定义EditText实现矩形密码框，2024年最新2024大厂安卓面试集合

2401_84556480

于 2024-05-15 00:40:52 发布

阅读量593

点赞数 26

分类专栏：程序员文章标签： android 面试学习

本文链接：https://blog.csdn.net/2401_84556480/article/details/138876985

版权

程序员专栏收录该内容

138 篇文章 0 订阅

订阅专栏

最后看一下学习需要的所有知识点的思维导图。在刚刚那份学习笔记里包含了下面知识点所有内容！文章里已经展示了部分！如果你正愁这块不知道如何学习或者想提升学习这块知识的学习效率，那么这份学习笔记绝对是你的秘密武器！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

divingPaint.setStrokeWidth(lineWidth);
divingPaint.setColor(divingColor);
divingPaint.setStyle(Paint.Style.FILL);
// 圆心画笔
circlePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
circlePaint.setAntiAlias(true);
circlePaint.setStyle(Paint.Style.FILL);
circlePaint.setColor(circleColor);
circlePaint.setStrokeWidth(radius);
}

下面正式开始

绘制边框

我们需要在 onDraw() 方法中绘制矩形边框

分别传入 RectF 矩形对象、圆角值和画笔

// 绘制圆角矩形
canvas.drawRoundRect(rectF, roundAngle, roundAngle, borderPaint);

绘制分割线

绘制分割线时，这里要注意，六个密码框是五条线

我们需要传入起始点、结束点和画笔参数进行绘制

// 绘制分割线，5个分割线
for (int i = 1; i < count; i++) {
canvas.drawLine(divingWidth * i, 0, divingWidth * i, height, divingPaint);
}

绘制圆形

最后我们要绘制圆点来替代输入的字符。

这里要注意的是，我们绘制的圆点的个数是需要根据我们输入的字符的个数来判断
即：position 是当前输入的字符个数的坐标

// 绘制圆形点
for (int i = 0; i < position; i++) {
canvas.drawCircle(startX * (2 * i + 1), startY, radius, circlePaint);
}

输入监听处理

在我们绘制完成后，只要对输入进行处理就 OK 了。只要在输入后，让绘制圆点的方法进行绘制就可以了。

这里我们在 onTextChanged 方法中进行处理。重写该方法，这里处理比较简单，判断输入的长度，之前已经设置了最大输入数。

@Override
protected void onTextChanged(CharSequence text, int start, int lengthBefore, int lengthAfter) {
super.onTextChanged(text, start, lengthBefore, lengthAfter);
// 获取当前输入位置
position = text.length();
}

到这里，基本整个 View 都已经完成。下面说下使用。

使用

<com.xxxx.ui.PasswordEditText
android:id=“@+id/pet_update_pay_pwd”
android:layout_width=“300dp”
android:layout_height=“50dp”
android:layout_marginTop=“20dp”
app:inputMaxNum=“6”
android:inputType=“numberPassword”
android:background=“@null”
app:layout_constraintStart_toStartOf=“parent”
app:layout_constraintEnd_toEndOf=“parent”
app:layout_constraintTop_toBottomOf=“@id/tv_update_pay_pwd_tips” />

可以看到和使用系统控件没有区别，其中 inputMaxNum 是我们在 attrs 中定义的属性，用于确定可以输入的字符的个数，这里因为是六位密码，所以是 6。

不同样式的键盘

顺便一提，关于键盘我们也可以写成类似下面这样子的，仍然可以适用

对于上面这种键盘，思路如下：
我们需要写几个 TextView 放上面就可以了。只是在点击键盘区域后，对我们原来的输入监听处理逻辑进行修改，在点击键盘区域后再进行绘制密码圆形就可以实现了。
最后附上完整代码地址：
GItHub AndroidCustomView-PasswordEditText
顺便帮忙 star 一下更感谢！