引入依赖
implementation 'com.simple:VerCodeLayout:1.0.0'
基本使用
使用 VerCodeEditText 控件
- <com.simple.vclayout.VerCodeEditText
- Android:id="@+id/vcEt1"
- Android:layout_width="wrap_content"
- Android:layout_height="wrap_content"
- App:vcCount="6"
- App:vcFocusedBackground="@drawable/sp_focused_one"
- App:vcMargin="5dp"
- App:vcNormalBackground="@drawable/sp_normal_one"
- App:vcTextSize="20sp" />
可用的属性
属性名 | 作用 |
---|---|
vcCount | EditText 的个数 |
vcMaxLength | EditText 最大输入长度 |
vcNormalBackground | 未选中的背景 |
vcFocusedBackground | 选中的背景 |
vcWidth | EditText 的宽 |
vcHeight | EditText 的高 |
vcMinWidth | EditText 的最小宽度 |
vcMinHeight | EditText 的最小高度 |
vcMargin | EditText 的外边距,当然还有 MarginLeft 等小属性 |
vcPadding | EditText 的内边距,当然还有 PaddingLeft 等小属性 |
vcTextSize | EditText 的文本大小 |
vcTextColor | EditText 的文本颜色 |
vcTextCursorDrawable | EditText 的游标 Drawable |
vcGravity | EditText 的 Gravity |
vcInputType | EditText 的输入类型 |
高级使用
使用 VerCodeLayout 控件, VerCodeEditText 继承于 VerCodeLayout.VerCodeLayout 自带了当一个 EditText 输入完成选中下一个或删除完成选中上一个的功能, 但是 EditText 必须设置 maxLength.
- <!-- 车牌 -->
- <com.simple.vclayout.VerCodeLayout
- Android:layout_width="wrap_content"
- Android:layout_height="wrap_content">
- <EditText
- Android:layout_width="wrap_content"
- Android:layout_height="wrap_content"
- Android:layout_margin="5dp"
- Android:background="@drawable/sr_et_bg_accent"
- Android:gravity="center"
- Android:inputType="text"
- Android:maxLength="1" />
- <EditText
- Android:layout_width="wrap_content"
- Android:layout_height="wrap_content"
- Android:layout_margin="5dp"
- Android:background="@drawable/sr_et_bg_accent"
- Android:gravity="center"
- Android:inputType="text"
- Android:maxLength="1" />
- <EditText
- Android:layout_width="wrap_content"
- Android:layout_height="wrap_content"
- Android:layout_margin="5dp"
- Android:background="@drawable/sr_et_bg_accent"
- Android:gravity="center"
- Android:inputType="number"
- Android:maxLength="1" />
- <EditText
- Android:layout_width="wrap_content"
- Android:layout_height="wrap_content"
- Android:layout_margin="5dp"
- Android:background="@drawable/sr_et_bg_accent"
- Android:gravity="center"
- Android:inputType="number"
- Android:maxLength="1" />
- <EditText
- Android:layout_width="wrap_content"
- Android:layout_height="wrap_content"
- Android:layout_margin="5dp"
- Android:background="@drawable/sr_et_bg_accent"
- Android:gravity="center"
- Android:inputType="number"
- Android:maxLength="1" />
- </com.simple.vclayout.VerCodeLayout>
可用的方法
方法名 | 方法作用 |
---|---|
setOnCompleteListener | 监听输入完成 |
clear | 清除所有的输入 |
getEditTexts | 获取所有的 EditText |
版本更新
1.0.0 首次上传
来源: https://juejin.im/entry/5c4acce2e51d452d7b70d327