千家信息网

Android如何自定义验证码输入框

发表于:2024-10-23 作者:千家信息网编辑
千家信息网最后更新 2024年10月23日,这篇文章主要为大家展示了"Android如何自定义验证码输入框",内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下"Android如何自定义验证码输入框"这篇文章
千家信息网最后更新 2024年10月23日Android如何自定义验证码输入框

这篇文章主要为大家展示了"Android如何自定义验证码输入框",内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下"Android如何自定义验证码输入框"这篇文章吧。

需求

1、能自定义输入框个数和样式

2、支持长按粘贴或剪切板内容自动填充(粘贴连续性)

其中第2点是最为重要的,正是其他人没有这点,逼得自己弄一个

原理

大致是Edittext + n* TextView,然后设置edittext字体跟背景颜色都为透明,隐藏光标

Edittext:监听edittext每次输入一个字符就赋值到对应的TextView上,然后在清空自己

下划线:在TextView下面添加View

光标:这里的每个TextView的焦点光标其实对View设置了ValueAnimator

粘贴:粘贴弹窗是自定义的PopupWindow

源码有详细注释,这里就不一一说明

Github

https://github.com/WShaobin/VerificationCodeInputView

Gradle

Step 1. Add it in your root build.gradle at the end of repositories:

allprojects { repositories { ... maven { url 'https://jitpack.io' } }}

Step 2. Add the dependency:

dependencies { implementation 'com.github.WShaobin:VerificationCodeInputView:1.0.2'}

How to use

In layout

In Java Code

VerificationCodeInputView view = findViewById(R.id.vciv_code);view.setOnInputListener(new VerificationCodeInputView.OnInputListener() { @Override public void onComplete(String code) { Toast.makeText(MainActivity.this, code, Toast.LENGTH_SHORT).show(); } @Override public void onInput() { }});//清除验证码view.clearCode();

Attributes

VCInputType

输入框背景色支持类型

1、@drawable/xxx

2、@color/xxx

3、#xxxxxx

以上是"Android如何自定义验证码输入框"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

0