Awesome
<img src="/img/VercodeEditTex.png" width="800px"/>Introduction
An android Verification code EditText.
一个安卓验证码输入框控件。(中文版入口)
<img src="https://img.shields.io/badge/license-Apache 2.0-green.svg?style=flat">
Demo
Prevent input overflow.
<img src="/img/demo.gif" width="280px"/>
Features
- Extends EditText,it can be used as EditText
- Prevent input overflow
- Custom validation code length
- Provide input value listener
- Layout height is auto adjust
- Attributes can be configured for customization
- Custom cursor style
Version
name | VercodeEditText |
---|---|
latest |
Configure
Maven
<dependency>
<groupId>com.justkiddingbaby</groupId>
<artifactId>vercodeedittext</artifactId>
<version>the latest version</version>
<type>pom</type>
</dependency>
JCenter
First. add to project build.gradle
repositories {
jcenter()
}
Second. add to module build.gradle
'com.justkiddingbaby:vercodeedittext:the latest version'
Attributes instruction
attribute | instruction | value |
---|---|---|
figures | the verification code length | integer |
verCodeMargin | the padding for each verification code number | dimension |
bottomLineSelectedColor | the color of bottom line is select status | reference |
bottomLineNormalColor | the color of bottom line is normal status | reference |
bottomLineHeight | the height of bottom line | dimension |
selectedBackgroundColor | the background color of verification code is select status | reference |
cursorDuration | the duration of cursor blink | integer |
cursorColor | the color of cursor | integer |
cursorWidth | the width of cursor | integer |
Function instruction
return | function name | instruction |
---|---|---|
void | setFigures(int figures) | set the verification code length |
void | setVerCodeMargin(int margin) | set the padding for each verification code number |
void | setBottomSelectedColor(int bottomSelectedColor) | set the color of bottom line is select status |
void | setBottomNormalColor(int bottomNormalColor) | set the color of bottom line is normal status |
void | setSelectedBackgroundColor(int selectedBackground) | set the background color of verification code is select status |
void | setBottomLineHeight(int bottomLineHeight) | set the height of bottom line |
void | setOnVerificationCodeChangedListener(OnVerificationCodeChangedListener listener) | add the listener when verification value is changing |
Usage
use in the layout
<com.jkb.vcedittext.VerificationCodeEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="number"
android:text="123"
android:textColor="@color/colorPrimary"
android:textSize="40sp"
app:bottomLineHeight="2dp"
app:bottomLineNormalColor="@color/gravy_light"
app:bottomLineSelectedColor="@color/colorAccent"
app:figures="4"
app:selectedBackgroundColor="@color/colorPrimary_alpha33"
app:verCodeMargin="10dp" />
Release history
v1.1.0 (2018/11/1)
1、Add cursor support.
v1.0.5(2017/12/5)
1、Fix the bug that could appear when the view is pressed.
v1.0.4(2017/10/14)
1、Remove label element at AndroidManifest.xml.
v1.0.3(2017/8/15)
1、make interface class VerificationAction public.
v1.0.2(2017/6/29)
1、Fix the conflict that allowBackup property is false under the application in AndroidMainfet.xml file.
v1.0.1(2017/6/27)
1、fix bug:can't get focus when the view is touched.
v1.0.0(2017/6/12)
1、release VercodeEditText,Prevent input overflow.
2、Encapsulation demo.