Skip to main content

Android Credit Card Classic UI

Scanning UI

The Scanbot SDK comes with an essential camera view, additional views for extending the camera functionality and a set of the frame handler and scanner classes that handle all the camera and scanning implementation details for you. It provides a UI for document scanning guidance as well as a UI and functionality for manual and automatic shutter release.

The ScanbotCameraXView provides fully customizable camera controls and features. Furthermore, And, most importantly,

Add Feature as a Dependency

CreditCardScanner is available with SDK Package 2 (Data Capture Modules). You have to add the following dependencies for it:

implementation("io.scanbot:sdk-package-2:$latestSdkVersion")
implementation("io.scanbot:sdk-creditcard-assets:$latestSdkVersion")

Integration

  • Classic UI component
    • ScanbotCameraXView provides fully customizable camera controls and features.
    • CreditCardScannerFrameHandler gives control over how and when frames are analyzed.
    • CreditCardScanner performs scanning and credit card data extraction on images or live camera frames.
    • FinderOverlayView selects a specific area of the camera preview to help the user pin point the credit card's location and thus improve the detection rate.

Take a look at our Example Apps to see how to integrate the Credit Card Scanner.

To implement the Credit Card Scanner using Scanbot dedicated Android views, you need to implement an XML layout with Scanbot Camera and Finder Overlay:

Credit Card Camera Layout
loading...

Then attach the scanner and configure the view's appearance and behavior:

Credit Card Classic Camera
loading...

What do you think of this documentation?