Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sharish/CreditCardView
https://github.com/sharish/CreditCardView
Last synced: 1 day ago
JSON representation
- Host: GitHub
- URL: https://github.com/sharish/CreditCardView
- Owner: sharish
- License: apache-2.0
- Created: 2016-02-01T16:28:33.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2023-10-30T03:20:03.000Z (8 months ago)
- Last Synced: 2024-02-29T03:37:02.130Z (4 months ago)
- Language: Java
- Size: 259 KB
- Stars: 968
- Watchers: 33
- Forks: 252
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-github-android-ui - CreditCardView - 支付系统信用卡和签账卡视图 (CreditCard)
- awesome-github-android-ui - CreditCardView - 支付系统信用卡和签账卡视图 (CreditCard)
README
# CreditCardView
Intro
------CreditCardView is a rich UX custom view to accomodate Credit Cards / Debit Cards while handling payment systems. The library consists of
* CreditCardView which looks like below
| FRONT VIEW | BACK VIEW |
| ---------------------------- | ----------------------------- |
| ![MASTER FRONT][master_front] | ![MASTER BACK][master_back] |* CardEditActivity which behaves as below.
(GIF from - )
Creating a CreditCardView
--------------------------
##### XML
```xml```
##### JAVA
```java
CreditCardView creditCardView = new CreditCardView(getContext());
String name = "HARISH SRIDHARAN";
String cvv = "522";
String expiry = "01/17";
String cardNumber = "38056789000000000";creditCardView.setCVV(cvv);
creditCardView.setCardHolderName(name);
creditCardView.setCardExpiry(expiry);
creditCardView.setCardNumber(cardNumber);```
Fetch new card info
---------------------To get a card information from the user, you can simply start the CardEditActivity as below and get the details of the card
from onActivityResult() in your activity.##### Starting the activity
```java
final int GET_NEW_CARD = 2;Intent intent = new Intent(MainActivity.this, CardEditActivity.class);
startActivityForResult(intent,GET_NEW_CARD);
```##### Getting the card details
```javapublic void onActivityResult(int reqCode, int resultCode, Intent data) {
if(resultCode == RESULT_OK) {
String cardHolderName = data.getStringExtra(CreditCardUtils.EXTRA_CARD_HOLDER_NAME);
String cardNumber = data.getStringExtra(CreditCardUtils.EXTRA_CARD_NUMBER);
String expiry = data.getStringExtra(CreditCardUtils.EXTRA_CARD_EXPIRY);
String cvv = data.getStringExtra(CreditCardUtils.EXTRA_CARD_CVV);
// Your processing goes here.}
}
}
```Edit existing card
------------------To edit the card details, you can start CardEditActivity passing the extras and get back the edited card information in onActivityResult() method of your activity just like above.
```javafinal int EDIT_CARD = 5;
Intent intent = new Intent(MainActivity.this, CardEditActivity.class);
intent.putExtra(CreditCardUtils.EXTRA_CARD_HOLDER_NAME, cardHolderName);
intent.putExtra(CreditCardUtils.EXTRA_CARD_NUMBER, cardNumber);
intent.putExtra(CreditCardUtils.EXTRA_CARD_EXPIRY, expiry);
intent.putExtra(CreditCardUtils.EXTRA_CARD_SHOW_CARD_SIDE, CreditCardUtils.CARD_SIDE_BACK);
intent.putExtra(CreditCardUtils.EXTRA_VALIDATE_EXPIRY_DATE, true); // pass "false" to discard expiry date validation.startActivityForResult(intent, EDIT_CARD);
```Sample Demo Video
------------------
[![Demo Video](https://cloud.githubusercontent.com/assets/13122232/13137455/25a15b6a-d647-11e5-90d0-5c410e6f64f7.png)](https://youtu.be/uPJr0WrO-X0 "CreditCardView Demo Video")Adding to your project
------------------------- Add the following configuration in your build.gradle file.
```gradle
repositories {
jcenter()
maven { url "https://jitpack.io" }
}dependencies {
compile 'com.github.sharish:CreditCardView:v1.0.4'
}
```
- Add the following activity to your AndroidManifest.xml```xml
```Design Credits
--------------
* Ramakrishna -Developed By
------------* Harish Sridharan -
Acknowledgements
----------------* Michele Lacorte for his [Swipeable Cards][1] involving CreditCardView
License
--------
```
Copyright 2016 Harish SridharanLicensed 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 athttp://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.
```[master_front]:https://cloud.githubusercontent.com/assets/13122232/12871102/8b681fae-cd8e-11e5-8831-7b1fc1970194.png
[master_back]:https://cloud.githubusercontent.com/assets/13122232/12871095/4ce9a234-cd8e-11e5-8c4e-384ce6874029.png
[visa_front]:https://cloud.githubusercontent.com/assets/13122232/12871145/b57f92f2-cd90-11e5-8f36-086b227d06c3.png
[amex_front]:https://cloud.githubusercontent.com/assets/13122232/12871146/c22cf74c-cd90-11e5-85e4-3ab45d50ba76.png
[amex_back]:https://cloud.githubusercontent.com/assets/13122232/12871156/3124d570-cd91-11e5-8b71-f333e46192bb.png
[visa_back]:https://cloud.githubusercontent.com/assets/13122232/12871157/31625b5c-cd91-11e5-87f7-f42a6404842b.png
[1]: https://github.com/michelelacorte/SwipeableCard