Android 自定义验证码Edittext输入框的实例代码(支持粘贴连续性) 您所在的位置:网站首页 验证码怎样自动粘贴到输入框r Android 自定义验证码Edittext输入框的实例代码(支持粘贴连续性)

Android 自定义验证码Edittext输入框的实例代码(支持粘贴连续性)

2023-09-12 04:42| 来源: 网络整理| 查看: 265

转载地址:https://www.jb51.net/article/172229.htm

需求

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:

1

2

3

4

5

6

allprojects {

 repositories {

 ...

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

 }

}

Step 2. Add the dependency:

1

2

3

dependencies {

  implementation 'com.github.WShaobin:VerificationCodeInputView:1.0.2'

}

How to use

In layout

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

In Java Code

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

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



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有