Ready-to-Use UI
The Ready-to-Use (RTU) UI v2 for credit card scanning offers a pre-built, user-friendly interface for seamlessly integrating credit card scanning capabilities into applications. Designed to detect, read, and extract data from credit cards, this solution combines speed and accuracy with minimal integration effort.
The RTU UI v2 is optimized for fast and reliable card recognition and also provides extensive customization options, allowing developers to tailor the interface and behavior to match specific app workflows and branding.
Although the main idea of the RTU UI is to provide simple-to-integrate and simple-to-configure components, its customization capabilities are numerous and should suit most of your needs. To achieve an even higher degree of customization, you can implement a custom UI and business-logic using our Classic UI Components.
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")
implementation("io.scanbot:rtu-ui-v2-bundle:$latestSdkVersion")
Launching the scanner
In this section, we'll show you how to start the Credit Card Scanner with minimal code. We'll also describe how to configure it extensively later on.
loading...
Change the visuals to suit your needs
In addition to a fresh new design, the RTU UI v2 comes with new configuration options that enable you to quickly adapt its visual appearance:
Palette
Using the new palette feature, you can change the UI components' colors to match your brand design.
loading...
Localization
Using the new localization feature, you can easily localize the strings that are displayed on buttons, labels and text fields.
loading...
Introduction
The Introduction Screen guides the user by providing an overview on how to use the scanner effectively. You can configure this screen according to your needs, and can also set a custom text and an image that suits your use case.
loading...
User guidance
Text elements like the on-screen user guidance can be adapted in form and color.
loading...
Top bar
You can choose how to display the top bar in your app: hidden, solid or gradient.
loading...
Finder Overlay
Text elements like the camera finder overlay are customizable. You can change their colors style and aspect ratio of document needed..
loading...
Action bar
The zoom and flash buttons are now included out of the box.
loading...
Scanning
The following is an example to configure some of the general and behavioral settings to tailor the overall scanning experience.
loading...
Integration as a Sub Component (Compose)
The RTU UI v.2.0 is also available natively for Jetpack Compose using CreditCardScannerView. The following example demonstrates how to integrate the RTU UI v.2.0 Jetpack Compose view into a Custom Activity or any other Compose Flow.
loading...
What do you think of this documentation?
What can we do to improve it? Please be as detailed as you like.