1. 程式人生 > >仿微信、支付寶等簡潔的驗證碼、密碼輸入框。

仿微信、支付寶等簡潔的驗證碼、密碼輸入框。

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

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"
        />

自定義輸入型別:指定屬性 inputType:

 <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"
     ver:inputType="password"
     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.3'

}