【移动应用开发技术】Android 中自定义一个验证码输入框

【移动应用开发技术】Android中自定义一个验证码输入框

这篇文章将为大家详细讲解有关Android中自定义一个验证码输入框，文章内容质量较高，因此在下分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。原理大致是Edittext+n*TextView，然后设置edittext字体跟背景颜色都为透明，隐藏光标Edittext：监听edittext每次输入一个字符就赋值到对应的TextView上，然后在清空自己下划线：在TextView下面添加View光标：这里的每个TextView的焦点光标其实对View设置了ValueAnimator粘贴：粘贴弹窗是自定义的PopupWindow源码有详细注释，这里就不一一说明Github/WShaobin/VerificationCodeInputViewGradleStep1.Additinyourrootbuild.gradleattheendofrepositories:allprojects

{

repositories

{

...

maven

{

url

'https://jitpack.io'

}

}

}Step2.Addthedependency:dependencies

{

implementation

'com.github.WShaobin:VerificationCodeInputView:1.0.2'

}HowtouseInlayout<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"

/>InJavaCodeVerificationCodeInputView

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();AttributesVCInputType

输入框背景色支持类型1、@drawable/xxx2、@co