Skip to main content

Ready-to-Use UI for the Android Document Data Extractor Module

Overview​

Document Data Extractor Introduction ScreenDocument Data Extractor Scanning Screen

With the Scanbot SDK's Ready-to-Use UI Components (RTU UI), you can integrate scanning functionalities into your app with only a few lines of code. This way, you benefit from tried-and-true UX design and straightforward integration while still being able to customize the visual appearance to match your brand.

To achieve an even higher degree of customization, you can implement your own UI and business logic using the SDK's Custom UI Components.

Adding the feature as a dependency​

DocumentDataExtractor is included in Scanbot SDK package 3. Therefore, add the dependency io.scanbot:sdk-package-3 or higher in your build.gradle.kts file:

implementation("io.scanbot:sdk-package-3:$latestSdkVersion")
implementation("io.scanbot:sdk-documentdata-assets:$latestSdkVersion")
implementation("io.scanbot:rtu-ui-v2-bundle:$latestSdkVersion")

Initializing the SDK​

The Scanbot SDK must be initialized before use. Add the following code snippet to your Application class:

InitializeScanbotSDK
loading...

Launching the extractor​

With just a few lines of code, you can integrate the Document Data Extractor into your application's workflow. It's as easy as starting an Android activity.

Document Data Extractor Scanning Screen
Launching the scanner
loading...

Changing the visuals to suit your needs​

The RTU UI comes with several configuration options for quickly adapting its visual appearance.

Palette​

With the RTU UI's palette feature, you can change the components' colors to match your brand design.

Localization​

With the RTU UI's localization feature, you can easily change the strings displayed on buttons, labels, and text fields, e.g., for translating them into another language.

Localization
loading...

Introduction Screen​

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.

Document Data Extractor Introduction Screen
Introduction
loading...

User guidance​

Text elements like the on-screen user guidance can be adapted in form and color.

User guidance
loading...

Top bar​

You can choose how to display the top bar in your app: hidden, solid or gradient.

Document Data Extractor with a solid top barDocument Data Extractor with a gradient top barDocument Data Extractor with a clear top bar

Finder overlay​

You can change the finder overlay's color, dimensions, and user guidance text.

Document Data Extractor finder overlay

Finder overlay
loading...

Action bar​

The RTU UI's action bar component includes flashlight and zoom buttons, which you can freely customize or hide.

Action bar with the flashlight and zoom buttons
Action bar
loading...

Scanning​

The following is an example to configure some of the general and behavioral settings to tailor the overall scanning experience.

Document Data Extractor Scanning Screen
Scanning
loading...

Integration with Jetpack Compose​

The RTU UI is also available natively for Jetpack Compose using DocumentDataExtractorView. The following example demonstrates how to integrate the RTU UI Jetpack Compose view into a custom activity or any other Compose flow.

Compose Example
loading...

Want to scan longer than one minute?

Generate a free trial license to test the Scanbot SDK thoroughly.

Get free trial license