DEV Community

Fevzi Ömür Tekin
Fevzi Ömür Tekin

Posted on

Open Source Library - PayView

Android ArsenalTwitter Follow


💳 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.1'
      }
}
Enter fullscreen mode Exit fullscreen mode

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"
    />
Enter fullscreen mode Exit fullscreen mode

Listeners

   payview.setOnDataChangedListener(object : Payview.OnChangelistener{
            override fun onChangelistener(payModel: PayModel?) {
                Log.d("payView", "data : ${payModel?.cardOwnerName}")

            }

        })

    payview.setPayOnclickListener(View.OnClickListener {
        Log.d("payView "," clicked.")

    })

Enter fullscreen mode Exit fullscreen mode

# 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"|

License

The Apache License 2.0 - see LICENSE for more details

Github Link

Top comments (0)