美文网首页待集成Android开发自定义view
仿微信、支付宝等简洁的验证码、密码输入框

仿微信、支付宝等简洁的验证码、密码输入框

作者: 大利猫 | 来源:发表于2017-03-06 17:55 被阅读835次

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'
}

源码

点这儿

相关文章

网友评论

  • H修道院的救赎:你试一下,输入法是中文的时候删除可以监听到,输入法是英文的时候 删除不行了,打断点连监听都不走
  • gznbl:mark了
  • 8e8d72aa85d4:作为密码肯定是不能显示出来的。
    大利猫:更新 1.3 版本,支持定义输入类型了
    大利猫:@依然有味 可以,增加一个属性 ,回头我去更新下代码

本文标题:仿微信、支付宝等简洁的验证码、密码输入框

本文链接:https://www.haomeiwen.com/subject/jruugttx.html