正方形验证码输入框 VerificationCodeView

it2023-03-17  115

联系: QQ 839539179 WEIXIN tuojie003    

VerificationCodeView —正方形验证码输入框


示例: 

apk演示:点击下载


特性

自定义属性

name说明format默认值icv_et_number输入框的数量integer1icv_et_width输入框的宽度dimension42dpicv_et_divider_drawable输入框之间的间隔reference icv_et_text_color输入框文字颜色colorColor.WHITEicv_et_text_size输入框文字大小dimension16spicv_et_bg_focus输入框获取焦点时边框reference icv_et_bg_normal输入框没有焦点时边框reference icv_et_pwd是否是密码模式booleanfalseicv_et_pwd_radius密码模式时圆的半径dimensionreference

可使用方法

method_namedescriptionreturn_typegetInputContent获取输入内容StringclearInputContent清空输入内容VoidsetEtNumber(int etNumber)设置输入框个数VoidgetEtNumber获取输入框个数intgetEditText获取EditText提供给外界设置键盘弹出EditTextsetPwdMode动态设置是否是密码模式voidsetInputCompleteListener(InputCompleteListener listener)设置输入和删除时的监听Void

原理说明

该项目是一个继承于RelativeLayout的组合控件型的自定义View,在布局中文件中使用了一个透明的EditText来接受用户的输入事件, 在布局文件的LinearLayout中动态添加正方形输入框,正方形输入框其实是一个个的TextView。


使用方法

1 Gradle 引用

implementation 'com.jacktuotuo.customview:verificationcodeview:1.0.5'

2 xml 中使用

简单配置 <com.tuo.customview.VerificationCodeView android:id="@+id/icv_1" app:icv_et_number="5" android:layout_width="wrap_content" android:layout_height="wrap_content" /> 个性化配置 <com.tuo.customview.VerificationCodeView android:id="@+id/icv" android:layout_width="match_parent" android:layout_height="50dp" android:layout_centerHorizontal="true" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:layout_marginTop="26dp" app:icv_et_bg_focus="@drawable/shape_icv_et_bg_focus" app:icv_et_bg_normal="@drawable/shape_icv_et_bg_normal" app:icv_et_divider_drawable="@drawable/shape_divider_identifying" app:icv_et_number="6" app:icv_et_pwd="true" app:icv_et_pwd_radius="10dp" app:icv_et_text_color="#000000" app:icv_et_width="50dp" />

3 java 代码中使用

VerificationCodeView codeView = new VerificationCodeView(context); codeView.setEtNumber(number); codeVidw.setPwdMode(true/false)

源码下载 GitHub地址

最新回复(0)