Android View自定义EditText实现矩形密码框

上面的属性分别说明作用

inputMaxNum:可输入长度,默认是 6,六位密码
roundAngle:矩形密码框的圆角
borderColor:矩形边框颜色
divingColor:分割线颜色
circleColor:圆形字符颜色
borderWidth:矩形边框宽度
divingWidth:分割线宽度
circleRadius:圆形半径

设置好了样式属性,初始化边框、分割线和画圆的 Paint

/**

  • Initial Paint
    */
    private void initPaint() {
    // 抗锯齿
    borderPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    borderPaint.setAntiAlias(true);
    // 设置画笔宽度
    borderPaint.setStrokeWidth(borderWidth);
    // 设置画笔风格
    borderPaint.setStyle(Paint.Style.STROKE);
    // 设置画笔颜色
    borderPaint.setColor(borderColor);
    // 分割线画笔
    divingPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    divingPaint.setAntiAlias(true);
    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();
}

最后

只要是程序员,不管是Java还是Android,如果不去阅读源码,只看API文档,那就只是停留于皮毛,这对我们知识体系的建立和完备以及实战技术的提升都是不利的。

真正最能锻炼能力的便是直接去阅读源码,不仅限于阅读各大系统源码,还包括各种优秀的开源库。

腾讯、字节跳动、阿里、百度等BAT大厂 2019-2021面试真题解析

资料太多,全部展示会影响篇幅,暂时就先列举这些部分截图

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

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

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

pics/618156601)**

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

  • 19
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值