仿微信、支付寶等簡潔的驗證碼、密碼輸入框。
阿新 • • 發佈:2019-01-30
簡潔驗證碼輸入框,能自定義輸入框個數和樣式。
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'
}