Android 自定義驗證碼輸入框的實例代碼(支持粘貼連續(xù)性)

更新時間：2019年10月18日 08:36:26 作者：騷劍客

這篇文章主要介紹了Android 自定義驗證碼輸入框的實例代碼(支持粘貼連續(xù)性),代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下

需求

1、能自定義輸入框個數(shù)和樣式

2、支持長按粘貼或剪切板內(nèi)容自動填充（粘貼連續(xù)性）

其中第2點是最為重要的，正是其他人沒有這點，逼得自己弄一個

示例

別人的示例：

在這里插入圖片描述

粘貼居然不支持連續(xù)性，只能粘貼第一個字符，所以用的有點難受

自己的示例：

在這里插入圖片描述

原理

大致是Edittext + n* TextView，然后設(shè)置edittext字體跟背景顏色都為透明，隱藏光標

Edittext：監(jiān)聽edittext每次輸入一個字符就賦值到對應(yīng)的TextView上，然后在清空自己

下劃線：在TextView下面添加View

光標：這里的每個TextView的焦點光標其實對View設(shè)置了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

<com.wynsbin.vciv.VerificationCodeInputView
  android:id="@+id/vciv_code"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_marginTop="48dp"
  android:gravity="center"
  android:orientation="horizontal"
  app:vciv_et_background="@android:color/white"
  app:vciv_et_foucs_background="@android:color/holo_orange_dark"
  app:vciv_et_cursor_color="@color/colorPrimary"
  app:vciv_et_height="58dp"
  app:vciv_et_inputType="number"
  app:vciv_et_number="6"
  app:vciv_et_text_color="@android:color/black"
  app:vciv_et_text_size="18sp"
  app:vciv_et_underline_default_color="@android:color/holo_green_dark"
  app:vciv_et_underline_focus_color="@android:color/holo_blue_bright"
  app:vciv_et_underline_height="2dp"
  app:vciv_et_underline_show="true"
  app:vciv_et_width="58dp" />

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