CreditCardEntry

Introduction

This library provides an elegant form for credit card entry that can be easily added to a activity or fragment. Regex is used to validate credit card types and a Luhn check is performed on the card numbers. This form was inspired by the credit entry UI on Square.

Smooth interface
Identifies credit card type
Hides number for privacy
Supports VISA, MasterCard, Discover and AMEX

Including in your project

Add Bintray to the end of your repositories

    repositories {
        maven {
            url 'https://dl.bintray.com/baole/maven'
        }
    }

Add the project to your dependencies

    dependencies {
        compile 'org.baole.creditcardinput:library::1.3@aar'
    }

Using the library

Please see below for an example.

XML

        <org.baole.creditcardentry.CreditCardView
            android:id="@+id/credit_card_form"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:ce_helper_text_color="@color/yellow_500"
            app:ce_include_helper="false"
            app:ce_include_zip="false"/>

app:ce_text_color - change the input field's text color (Color.BLACK by default).
app:ce_hint_text_color - change the input field's hint text color (Color.LTGRAY by default).
app:ce_cursor_color - change the input field's cursor color (Color.BLACK by default).
app:ce_default_text_colors - If true, use text colors provided by the app's theme instead of the values provided by app:text_color,app:hint_text_color, and app:cursor_color. This overrides the values for those three text colors and causes the text inputs to use the colors provided by the application's theme.
app:ce_include_helper - boolean to show/hide the helper text under the widget (true by default (i.e. helper is shown))
app:ce_helper_text_color - change the text color of the hints that appear below the widget by default.
app:ce_include_zip - boolean to show/hide the zip code in the form (true by default (i.e. zip is shown))
app:ce_include_exp - boolean to show/hide the exp in the form (true by default (i.e. exp is shown))
app:ce_include_security - boolean to show/hide the security code in the form (true by default (i.e. security is shown))
app:ce_card_number_hint - string to put in as a placeholder (hint) in the credit card number field
app:ce_input_background - the drawable to use as a background (defaults to white square with black 1px border)

In code:

Listen to CreditCard events

    cardView.setOnCardValidCallback(new CardValidCallback() {
        @Override
        public void cardValid(CreditCard creditCard) {
           // TODO
        }

        @Override
        public void cardChanged(CreditCard creditCard) {
           // TODO
        }
    });

Process Credit Card data

    submit.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View arg0) {
            if(form.isCreditCardValid())
            {
                CreditCard card = cardView.getCreditCard();
                //Pass credit card to service
            }
            else
            {
                //Alert Credit card invalid
            }
        }
    });

TODO

Diner's Club is not yet implemented, although the assets and regex seem to be in place

Version History

###Ver 1.3 (May 20/2016)

Prefix attribute with ce_
Add callback listener

###Ver 1.0 (May 20/2016)