Home

Awesome

<img src="/img/VercodeEditTex.png" width="800px"/>

Introduction

An android Verification code EditText.
一个安卓验证码输入框控件。(中文版入口)
Platform <img src="https://img.shields.io/badge/license-Apache 2.0-green.svg?style=flat"> SDK VercodeEditText

Demo

Prevent input overflow.
<img src="/img/demo.gif" width="280px"/>

Features

Version

nameVercodeEditText
latestVercodeEditText

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

attributeinstructionvalue
figuresthe verification code lengthinteger
verCodeMarginthe padding for each verification code numberdimension
bottomLineSelectedColorthe color of bottom line is select statusreference
bottomLineNormalColorthe color of bottom line is normal statusreference
bottomLineHeightthe height of bottom linedimension
selectedBackgroundColorthe background color of verification code is select statusreference
cursorDurationthe duration of cursor blinkinteger
cursorColorthe color of cursorinteger
cursorWidththe width of cursorinteger

Function instruction

returnfunction nameinstruction
voidsetFigures(int figures)set the verification code length
voidsetVerCodeMargin(int margin)set the padding for each verification code number
voidsetBottomSelectedColor(int bottomSelectedColor)set the color of bottom line is select status
voidsetBottomNormalColor(int bottomNormalColor)set the color of bottom line is normal status
voidsetSelectedBackgroundColor(int selectedBackground)set the background color of verification code is select status
voidsetBottomLineHeight(int bottomLineHeight)set the height of bottom line
voidsetOnVerificationCodeChangedListener(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.