失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 仿微信 支付宝等简洁的验证码 密码输入框。

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

时间:2022-10-17 06:14:37

相关推荐

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

VerificationCodeInput

项目地址: liuguangli/VerificationCodeInput 简介:仿微信、支付宝等简洁的验证码、密码输入框。 更多: 作者 提 Bug 示例 APK 标签: 验证码- 输入框- verification-

简洁验证码输入框,能自定义输入框个数和样式。

How to use

<com.dalimao.corelibrary.VerificationCodeInputandroid: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() {@Overridepublic void onComplete(String content) {Log.d(TAG, "完成输入:" + content);}});

你还可以为输入框定义自己的样式,指定属性 box_bg_normal 和 box_bg_focus:

<com.dalimao.corelibrary.VerificationCodeInputandroid: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.VerificationCodeInputandroid: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.VerificationCodeInputandroid: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'}

如果觉得《仿微信 支付宝等简洁的验证码 密码输入框。》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。