Skip to content

Block EditText is a library provide an input view present in multiple block style that common use in TAC or credit card field.

License

Notifications You must be signed in to change notification settings

shiburagi/BlockEditText

Repository files navigation

BlockEditText

Download

Block EditText is a library provide an input view present in multiple block style that common use in TAC or credit card field.

Alt Text

Android 14.0+ support


Buy Me a Coffee at ko-fi.com paypal

Including In Your Project

If you are a Maven user you can easily include the library by specifying it as a dependency:

Gradle

repositories {
 maven{
   maven { url 'https://jitpack.io' }
 }
}
dependencies {
	 implementation 'com.github.shiburagi:BlockEditText:v0.2'
}

or, you can include it by download this project and import /blockedittext as module.

How to use

Creating the layout

TAC

<com.infideap.blockedittext.BlockEditText
    android:id="@+id/blockEditText_tac"
    app:defaultLength="1"
    app:numberOfBlock="4"
    app:inputType="Integer"
    app:hintTextAppearance="@style/TextAppearance.AppCompat.Medium"
    app:hint="TAC"
    app:textSize="24sp"
    android:layout_width="300dp"
    app:editTextBackground="@drawable/selector_edittext_round_border"
    android:layout_height="wrap_content" />

Credit Card

<com.infideap.blockedittext.BlockEditText
    android:id="@+id/blockEditText_visa"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:defaultLength="4"
    app:hint="Visa/Mastercard"
    app:hintTextAppearance="@style/TextAppearance.AppCompat.Medium"
    app:inputType="Integer"
    app:numberOfBlock="4"
    app:text="131321323-13213-21321312" />

Customize

amexEditText.setNumberOfBlock(3);
amexEditText.setDefaultLength(4);
amexEditText.setLengthAt(1,6);

amexEditText.setHint("Amex");
amexEditText.setText("1234567890");
amexEditText.getText();

amexEditText.setTextSize(16);
amexEditText.setHintTextSize(16);
amexEditText.setSeparatorTextSize(16);

amexEditText.setSeparatorCharacter('-');
amexEditText.setSeparatorPadding(8);

amexEditText.setInputType(InputType.TYPE_CLASS_NUMBER);

amexEditText.setTextAppearance(android.support.v7.appcompat.R.style.Base_TextAppearance_AppCompat_Medium);
amexEditText.setHintTextAppearance(android.support.v7.appcompat.R.style.Base_TextAppearance_AppCompat_Medium);
amexEditText.setSeparatorTextAppearance(android.support.v7.appcompat.R.style.Base_TextAppearance_AppCompat_Medium);

amexEditText.setEdiTextBackground(ContextCompat.getDrawable(this, R.drawable.selector_edittext_round_border_line));

amexEditText.setSelection(0);
amexEditText.setShiftPosition(true);

amexEditText.addCardPrefix(CardPrefix.amex(this))
amexEditText.addCardPrefix(CardPrefix.amex(amexDrawable))
amexEditText.addCardPrefix(new CardPrefix(this, R.drawable.ic_amex, "34"))
amexEditText.addCardPrefix(new CardPrefix(amexDrawable, "34"))

Listener

amexEditText.setTextChangedListener(TextWatcher watcher)
amexEditText.setOnCardPrefixListener(OnCardPrefixListener listener)

Contact

For any enquiries, please send an email to [email protected].

License

Copyright 2018 Shiburagi

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

About

Block EditText is a library provide an input view present in multiple block style that common use in TAC or credit card field.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published