💳 Payment View library for Credit and Debit Card.

            

Demo

Setup

Gradle

allprojects {
  repositories {
    ...
    maven { url 'https://jitpack.io' }
  }
}
  
  .....

dependencies {
      implementation 'com.github.fevziomurtekin:PayView:1.0.4'
  }
}

Layout

  <com.fevziomurtekin.payview.Payview
         android:id="@+id/payview"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         app:cardBgColor="@android:color/holo_blue_light"
         app:cardFgColor="@android:color/white"
         app:cardTextColor="@color/black"
         app:cardNameHelperText="Enter to card name. Max 25 characters."
         app:cardCvTextSize="14"
         app:cardNoTextSize="14"
         app:cardNumberHelperText="You must enter your 16-digit card number."
         app:cardYearTextSize="13"
         app:cardNameTextSize="15"
         app:cardMonthTextSize="13"
         app:cardAnimationType="vertical"
         app:cardBtnPayText="Proceed to pay"
         app:cardNameHintText="Name on card"
         app:cardNoHintText="Card Number"
         app:cardMonthHintText="MM"
         app:cardYearHintText="YY"
         app:cardCvHintText="CVV"
         app:cardCvErrorText="You must enter 3-digit characters"
         app:cardMonthErrorText="You must enter 2-digit characters and you'll enter to number the most digit-value is '12'"
         app:cardYearErrorText="You must enter 2-digit characters and you'll enter to number the most digit-value is '99'"
         app:cardExpiredErrorText="Your card has expired. Please enter the usage date correctly."
     />

Listeners

   payview.setOnDataChangedListener(object : Payview.OnChangelistener{
            override fun onChangelistener(payModel: PayModel?, isFillAllComponent: Boolean) {
                Log.d("PayView", "data : ${payModel?.cardOwnerName} \n " +
                        "is Fill all form component : $isFillAllComponents")

            }

        })
        
    payview.setPayOnclickListener(View.OnClickListener {
        Log.d("PayView "," clicked. iss Fill all form Component : ${payview.isFillAllComponents}")

    })
      

Attributes

Attribute	Description
cardBgColor	The color in int of the card background color (by default android.R.color.holo_blue_light)
cardFgColor	The color in int of the card foreground color (by default android.R.color.white)
cardTextColor	The color in int of the card text color (by default android.R.color.black)
cardAnimationType	Animation in AnimationType of the PayView (by default horizontal)
cardNameTextSize	The size in sp of the search text size (by default 15sp)
cardNoTextSize	The size in sp of the search text size (by default 14sp)
cardYearTextSize	The size in sp of the search text size (by default 13sp)
cardMonthTextSize	The size in sp of the search text size (by default 13sp)
cardCvTextSize	The size in sp of the result text size (by default 14sp)
cardNumberHelperText	Default text, "You must enter your 16-digit card number. "
cardNameHelperText	Default text "Enter to card name. You'll enter max 25 characters"
cardCvErrorText	Default text "You must enter 3-digit characters"
cardMonthErrorText	Default text ""You must enter 2-digit characters and you'll enter to number the most digit-value is '12'"
cardYearErrorText	Default text "You must enter 2-digit characters and you'll enter to number the most digit-value is '99'"
cardExpiredErrorText	Default text "Your card has expired. Please enter the usage date correctly."
cardBtnPayText	Default text "Pay"
cardNameHintText	Default text "Card Name"
cardNoHintText	Default text "Card No"
cardMonthHintText	Default text "Month"
cardYearHintText	Default text "Year"
cardCvHintText	Default text "Cv Code"

License

The Apache License 2.0 - see LICENSE for more details