Skip to content

omidheshmatinia/RippleValidatorEditText

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Latest JCenter Version Twitter Platform Minimun Android Sdk Version Android Arsenal

RippleValidatorEditText

An Input box with different validators and ripple transition for android. It let you to define custom animation for error text entrance and also comes up with seven ready validators.

ScreenShots

Setup

1. Provide the gradle dependency

compile 'me.omidh:rvelib:0.8.01'

2. Sample

 <me.omidh.ripplevalidatoredittext.RippleValidatorEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:rve_hint="My Sample Hint"
        app:rve_font="fonts/iran_sans_mobile.ttf"
        app:rve_helperTextSize="12sp"
        app:rve_editTextSize="14sp"
        app:rve_topLeftCornerRadius="4dp"
        app:rve_bottomLeftCornerRadius="0dp"
        app:rve_bottomRightCornerRadius="0dp"
        app:rve_topRightCornerRadius="4dp"
        app:rve_strokeWidth="1dp"
        android:inputType="number"
        android:nextFocusDown="@+id/editText_next"
        android:nextFocusForward="@+id/editText_next"
        android:imeOptions="actionNext"
        android:textColorHint="#80222222"
        app:rve_helperAnimation="@anim/fab_slide_in_from_right"
        app:rve_normalColor="#222222"
        app:rve_typingColor="#555555"
        app:rve_errorColor="#EF5350"
        app:rve_backgroundColor="#00000000"
        app:rve_validColor="#66BB6A"
        app:rve_editTextColor="#222222"/>

Validator

This Library contains 7 ready validators. It also let you to write you custom validator.

EMPTY , EMAIL , EQUAL , BEGIN , END , MIN_LENGTH , PHONE

For a sample code please visit the Validator wiki page

Error Text Entrance Animation

You can set your desired animation for entrance of the error text.

it can be set in XML :

   app:rve_helperAnimation="@anim/fab_slide_in_from_right"

Tips

Focus

If you want to use focus attributes, do not forget to add below line in your xml

   android:imeOptions="actionNext"

Todo :

  • different ripple effect for each state
  • cleaning the code
  • adding enums to style for android related attributes

Developed By

Omid Heshmatinia omidheshmatinia@gmail.com