• Stars
    star
    596
  • Rank 75,095 (Top 2 %)
  • Language
    Kotlin
  • License
    MIT License
  • Created almost 3 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🚀Jetpack Compose utility library for capturing Composable content and transforming it into Bitmap Image🖼️

Capturable

Capturable

🚀A Jetpack Compose utility library for converting Composable content into Bitmap image 🖼️.
Made with ❤️ for Android Developers and Composers

Build Maven Central

Github Followers GitHub stars GitHub forks GitHub watchers Twitter Follow

💡Introduction

In the previous View system, drawing Bitmap Image from View was very straightforward. But that's not the case with Jetpack Compose since it's different in many aspects from previous system. This library helps easy way to achieve the same results. It's built upon the ComposeView and uses View's APIs to draw the Bitmap image.

🚀 Implementation

You can check /app directory which includes example application for demonstration.

Gradle setup

In build.gradle of app module, include this dependency

dependencies {
    implementation "dev.shreyaspatil:capturable:1.0.3"
}

You can find latest version and changelogs in the releases.

Usage

1. Setup the controller

To be able to capture Composable content, you need instance of CaptureController by which you can decide when to capture the content. You can get the instance as follow.

@Composable
fun TicketScreen() {
    val captureController = rememberCaptureController()
}

rememberCaptureController() is a Composable function.

2. Add the content

The component which needs to be captured should be placed inside Capturable composable as follows.

@Composable
fun TicketScreen() {
    val captureController = rememberCaptureController()
    
    Capturable(
        controller = captureController,
        onCaptured = { bitmap, error ->
           // This is captured bitmap of a content inside Capturable Composable.
           if (bitmap != null) {
               // Bitmap is captured successfully. Do something with it!
           }
            
            if (error != null) {
                // Error occurred. Handle it!
            }
        }
    ) {
        // Composable content to be captured.
        // Here, `MovieTicketContent()` will be get captured
        MovieTicketContent(...)
    }
}

3. Capture the content

To capture the content, use CaptureController#capture() as follows.

Button(onClick = { captureController.capture() }) { ... }

On calling this method, request for capturing the content will be sent and event will be received in callback onCaptured with ImageBitmap as a parameter in the Capturable function.

By default, it captures the Bitmap using Bitmap.Config ARGB_8888. If you want to modify, you can provide config from Bitmap.Config enum.

Example:

captureController.capture(Bitmap.Config.ALPHA_8)

Make sure to call this method as a part of callback function and not as a part of the Composable function itself. Otherwise, it'll lead to capture bitmaps unnecessarily in recompositions which can degrade the performance of the application.

That's all needed!

⚠️ Precaution

While capturing the content on the devices having Android OS version O and above (API 26+) and having network images like Coil, Picasso, Glide, etc it may throw error like java.lang.IllegalArgumentException: Software rendering doesn't support hardware bitmaps. To overcome such issues, this library uses PixelCopy API to capture Bitmap as a fallback mechanism. PixelCopy has some limitations such as it can't generate bitmap if composable content is clipped inside app's Window, beyond or above screen i.e. due to scrolling, etc. So make sure not to include any UI content inside Composable which uses hardware bitmaps.

📄 API Documentation

Visit the API documentation of this library to get more information in detail.


🙋‍♂️ Contribute

Read contribution guidelines for more information regarding contribution.

💬 Discuss?

Have any questions, doubts or want to present your opinions, views? You're always welcome. You can start discussions.

📝 License

MIT License

Copyright (c) 2022 Shreyas Patil

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

More Repositories

1

Foodium

🍲Foodium is a sample food blog Android application 📱 built to demonstrate the use of Modern Android development tools - (Kotlin, Coroutines, Flow, Dagger 2/Hilt, Architecture Components, MVVM, Room, Retrofit, Moshi, Material Components).
Kotlin
2,192
star
2

NotyKT

📒 NotyKT is a complete 💎Kotlin-stack (Backend + Android) 📱 application built to demonstrate the use of Modern development tools with best practices implementation🦸.
Kotlin
1,488
star
3

MaterialDialog-Android

📱Android Library to implement animated, 😍beautiful, 🎨stylish Material Dialog in android apps easily.
Java
890
star
4

permission-flow-android

Know about real-time state of a Android app Permissions with Kotlin Flow APIs.
Kotlin
406
star
5

EasyUpiPayment-Android

📱Android Library to implement UPI Payment integration easily in Android App 💳💸
Kotlin
318
star
6

Flutter2GoogleSheets-Demo

A Demo application📱 which stores User feedback from 💙Flutter application into Google Sheets🗎 using Google AppScript.
Dart
293
star
7

mutekt

Simplify mutating "immutable" state models (a Kotlin multiplatform library)
Kotlin
236
star
8

compose-report-to-html

A utility (Gradle Plugin + CLI) to convert Jetpack Compose compiler metrics and reports to beautified HTML page.
Kotlin
213
star
9

MaterialNavigationView-Android

📱 Android Library to implement Rich, Beautiful, Stylish 😍 Material Navigation View for your project with Material Design Guidelines. Easy to use.
Kotlin
199
star
10

Foodium-KMM

📱Sample application built to demonstrate the use of Kotlin Multiplatform Mobile for developing Android and iOS applications using Jetpack Compose 🚀.
Kotlin
184
star
11

Covid19-Notifier-IN

A sample Android App which notifies about COVID19 cases in 🇮🇳India after every 1 hour.
Kotlin
146
star
12

FCM-OnDeviceNotificationScheduler

Demo implementation to Schedule FCM Notifications on Android Device using AlarmManager + WorkManager.
Kotlin
112
star
13

AndroidFastlaneCICD

📱A sample repository to demonstrate the Automate publishing🚀 app to the Google Play Store with GitHub Actions⚡+ Fastlane🏃.
Kotlin
99
star
14

LiveStream-kt

LiveStream is a simple class which makes communication easy among different modules of your application.
Kotlin
96
star
15

LiveStream-Flutter

Dart package to which makes data communication easy among different modules of your application.
Dart
74
star
16

CellLocationFind-Android

A sample android app which extracts the location of a device using the SIM card details by extracting network details.
Kotlin
65
star
17

GitKtDroid

A sample Android application📱 built with Kotlin for #30DaysOfKotlin
Kotlin
56
star
18

DataStoreExample

Jetpack DataStore is a data storage solution. It allows us to store key-value pairs (like SharedPreferences) or typed objects with protocol buffers. DataStore uses Kotlin and Coroutines + Flow to store data synchronously with consistency and transaction support 😍
Kotlin
56
star
19

FirebaseFlowExample

A sample android application which demonstrates use of Kotlin Coroutines Flow with Firebase Cloud Firestore.
Kotlin
51
star
20

PatilShreyas.github.io

My Portfolio hosted on GitHub pages.
HTML
43
star
21

FirebaseRecyclerPagination

[DEPRECATED] Android Library to implement Paging support for Realtime Database in RecyclerView.
Java
35
star
22

TikKT

⌛ A simple timer app built with super powerful Jetpack Compose for #AndroidDevChallenge
Kotlin
33
star
23

ViewModelGoodPractice

This is an example repository to demonstrate the good practices of using ViewModel and how usage of AndroidViewModel can make things worst in a codebase
Kotlin
31
star
24

AndroidGPR

Demonstration of deploying Android library to the GitHub Package Registry using GitHub Actions CI/CD
Kotlin
25
star
25

PetyKT

A pet adoption app UI built with super powerful Jetpack Compose for #AndroidDevChallenge
Kotlin
22
star
26

FirestorePagingDemo-Android

Demo app for implementation of Firestore Paging library in Android app.
Java
20
star
27

library-ci

Sample repository to demonstrate usage of GitHub Actions CI's workflow dispatch to automate publishing of a library to Maven Central
Kotlin
17
star
28

PassengerSecurity-SIH2018

This is our SIH2018 and Third Year Mini Project - Android app for Passenger to file FIR Online.
Java
14
star
29

FirebaseRecyclerUpdateQuery-Demo

🔥Example app 📱 to demonstrate change query of Firebase/Firestore in RecyclerView without changing whole adapter.
Kotlin
9
star
30

material_dialog

[IN DEVELOPMENT - NOT AVAILABLE YET] 📱Flutter package to implement animated, 😍beautiful, 🎨stylish Material Dialog in apps easily.
Dart
9
star
31

CollegePracticals

My College Practicals
C
8
star
32

EasyDatabase

Java API to easily implement JDBC-ODBC Database connection and operations.
Java
8
star
33

play-with-perfetto

Python
7
star
34

GDGPune-DevFest19-Android

Kotlin
6
star
35

MyCart-CLI

A sample E-Commerce Command Line Interface app built using Kotlin!
Kotlin
5
star
36

ProfileWeb-Flutter

Playing with Flutter Web to create profile.
Dart
5
star
37

BasicsOfDagger-Java

A simple example to explain the Dependency Injection💉 framework - Dagger🔪
Java
5
star
38

PatilShreyas

My profile README
5
star
39

my-blog

4
star
40

Template-NodeJS-MySQL

Sample NodeJS Web app to Test MySQL Operations.
HTML
4
star
41

Blog

My blog hosted on Netlify
JavaScript
3
star
42

MyBlog

Sample blog web application using Python Django + Postgres.
CSS
3
star
43

AndroidWorkshop

Resource of Android Workshop being conducted at IT Department, DYPCOE, Pune
Java
3
star
44

AndroidLibDemo

Publish Android Library to Bintray JCenter using GitHub Actions CI
Kotlin
2
star
45

portfolio

A one-place to host your portfolio.
2
star
46

asj-android-example

This is example project for Android Study Jams workshop @ GDG Cloud Pune.
Kotlin
2
star
47

mytestsite

HTML
2
star
48

one-click-hugo-cms

CSS
1
star
49

GatsbyBlog

CSS
1
star
50

netlify-functions-example

HTML
1
star
51

ForestryBlogExample

1
star
52

empress-blog-netlify-casper-template

JavaScript
1
star
53

novela-hugo-starter

CSS
1
star
54

gatsby-starter-netlify-cms

JavaScript
1
star
55

novela-blog

1
star
56

ScheduledActions-CITest

1
star
57

DummyFoodiumApi

Dummy Remote End Point API for Foodium app - https://github.com/PatilShreyas/Foodium
HTML
1
star
58

gatsby-starter-minimal-blog

JavaScript
1
star