VerificationCodeInput

簡潔驗證碼輸入框，能自定義輸入框個數和樣式。

驗證碼輸入控件

How to use

<com.dalimao.corelibrary.VerificationCodeInput
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        ver:box="4"
        ver:child_h_padding="5dp"
        android:layout_centerInParent="true"
        android:id="@+id/verificationCodeInput"
        android:layout_marginBottom="16dp"
        />

監聽輸入完成：

VerificationCodeInput input = (VerificationCodeInput) findViewById(R.id.verificationCodeInput);
input.setOnCompleteListener(new VerificationCodeInput.Listener() {
      @Override
      public void onComplete(String content) {
         Log.d(TAG, "完成輸入：" + content);
      }
});

你還可以為輸入框定義自己的樣式，指定屬性 box_bg_normal 和 box_bg_focus：

<com.dalimao.corelibrary.VerificationCodeInput
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        ver:box="4"
        ver:box_bg_normal="@drawable/verification_edit_bg_normal"
        ver:box_bg_focus="@drawable/verification_edit_bg_focus"
        ver:child_h_padding="5dp"
        android:layout_centerInParent="true"
        android:layout_marginBottom="16dp"
        />

自定義個數，指定屬性 box：

<com.dalimao.corelibrary.VerificationCodeInput
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        ver:box="5"
        ver:box_bg_normal="@drawable/verification_edit_bg_normal"
        ver:box_bg_focus="@drawable/verification_edit_bg_focus"
        ver:child_h_padding="5dp"
        android:layout_centerInParent="true"
        android:layout_marginBottom="16dp"
        />

樣式定義

Gradle dependencies

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 {
        compile 'com.github.liuguangli:VerificationCodeInput:1.2'
}

源碼

點這兒